RecipeList is deployed using Firebase Hosting, ensuring seamless access to the application. Visit RecipeList
RecipeList is a Single Page Application (SPA) designed to help users explore, create, and manage recipes in an intuitive and user-friendly manner.
- Browse Recipes View a comprehensive list of recipes, sorted by popularity or date.
- Create Recipes Add your own recipes with detailed information. Include images, ingredients, instructions, and more.
- User Authentication Register and log in securely to access personalized features. User-specific functionality such as saved recipes and profile management.
- Recipe Management Edit or delete existing recipes. Sort recipes based on various criteria.
Navigation bar with links to different sections of the app. Conditional rendering based on user authentication status.
Displays branding information and social media links.
Allows users to log in using their credentials. Form validation for email and password inputs.
User registration with form validation for email, username, and password.
Displays a list of all available recipes. Pagination for easy navigation through multiple recipe pages.
Renders individual recipe details within the recipe list.
... and more
Clone this repository.
bashCopy code
git clone https://github.com/ValerieIvanova/recipelist.git
Install dependencies.
npm install
navigate to the client folder
cd client
Start the development server.
npm run dev
In another terminal navigate to the server folder
cd server
Start the server
node server.js
Open http://localhost:5173 to view the app in your browser.
To deploy RecipeList to Firebase, follow these steps:
-
Install Firebase Tools: Make sure you have Firebase CLI installed. If not, install it using
npm install -g firebase-tools
. -
Login to Firebase: Use
firebase login
to authenticate with your Firebase account. -
Initialize Firebase: Navigate to your project directory and run
firebase init
. Follow the prompts to initialize Firebase for your project. -
Deploy to Firebase: Once initialized, use
firebase deploy
to deploy your RecipeList application.
After deploying, access the deployed application by visiting the provided Firebase Hosting URL.
React React Router Vitest
The server used in the project is Softuni practice server
Contributions are welcome! Please follow the guidelines in CONTRIBUTING.md.
This project is licensed under the MIT License.