Skip to content

This project is a website dedicated to Korean chefs, showcasing their best recipes. It uses React with Tailwind CSS on the client-side, Firebase for authentication, and Node.js/Express.js on the server-side. Deployment is split between Firebase (client-side) and Vercel (server-side).

Notifications You must be signed in to change notification settings

rajibyo/awesome-chef

Repository files navigation

awesomeChef

Description

This project is a React-based web application that combines various technologies and libraries to provide user authentication with Firebase Auth, responsive UI design with Tailwind CSS, data storage with MongoDB and Node.js, and interactive page transitions using the Swiper library.

Motivation

The motivation behind this project was to create a robust and engaging web application by leveraging modern technologies and tools. The goal was to enhance the user experience, simplify the development process, and provide a solid foundation for building scalable and feature-rich applications.

Features

  • User authentication and authorization with Firebase Auth.
  • Responsive UI design utilizing Tailwind CSS for efficient styling and layout.
  • Seamless data storage and retrieval using MongoDB with Node.js.
  • Interactive and smooth page transitions with the Swiper library.
  • Three pages included as a starting point for further development.

Installation

  1. Clone the repository: git clone https://github.com/rajibrahman74/awesome-chef-client.git
  2. Navigate to the project directory: cd awesome-chef-client
  3. Install the dependencies: npm install
  4. Configure Firebase Auth credentials: Add your Firebase configuration in the .env file.
  5. Configure MongoDB connection: Update the MongoDB connection string in the server configuration files.
  6. Start the development server: npm run dev

Note: Ensure you have Node.js and MongoDB installed on your system before proceeding with the installation.

Usage

  1. After starting the development server, the application will be accessible at http://localhost:5173/.
  2. Sign up or log in to access the protected pages and utilize the application's features.
  3. Explore the different pages and functionalities to get a better understanding of the project structure and implementation.
  4. Modify and extend the project as needed for your specific requirements.

Contributing

Contributions are welcome! If you find any bugs, have suggestions for improvements, or want to add new features, feel free to open issues or submit pull requests. Please adhere to the project's code style and guidelines.

Acknowledgments

Special thanks to the creators and contributors of these amazing technologies and libraries that made this project possible.

Contact

For any inquiries or feedback, please reach out to rajiburrahman74@gmail.com.

Happy coding!

About

This project is a website dedicated to Korean chefs, showcasing their best recipes. It uses React with Tailwind CSS on the client-side, Firebase for authentication, and Node.js/Express.js on the server-side. Deployment is split between Firebase (client-side) and Vercel (server-side).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages