Code Monkey home page Code Monkey logo

rajibrahman74 / awesome-chef Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 686 KB

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).

Home Page: https://awesomechef-1f6a8.web.app/

HTML 0.46% JavaScript 99.43% CSS 0.11%
reactjs tailwindcss expressjs firebase nodejs

awesome-chef's Introduction

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 [email protected].

Happy coding!

awesome-chef's People

Contributors

maryamtufail avatar rajibrahman74 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.