Fullstack Pet Store Project

Description

This project is a Fullstack Pet Store application built using React 18, ASP.NET Core WebAPI (.NET 8), and Entity Framework Core. The main focus of this project is to demonstrate how to build a Fullstack application from scratch and create a simple CRUD application with ASP.NET Core WebAPI.

Technologies Used

• Frontend: React 18, SASS, Material-UI (MUI), Momonet.js, sweetalert2
• Backend: ASP.NET Core WebAPI (.NET 8), Entity Framework Core, SqlServer

Features

• CRUD operations for managing pet store data
• Entity Framework Core , Entity Framework Core.tools , Entity Framework Core.sqlserver
• User-friendly UI with SASS and Material-UI
• Integration of Momonet.js for specific functionalities
• Use of sweetalert2 for enhanced user alerts

Setup Instructions

1. Clone the repository.
2. Navigate to the frontend directory and run npm install to install frontend dependencies.
3. Navigate to the backend directory and run dotnet build to build the backend.
4. Update the connection string in the appsettings.json file in the backend with your database details.
5. Run the backend using dotnet run and the frontend using npm start.

Project Structure

• frontend: Contains the React frontend code.
• backend: Contains the ASP.NET Core WebAPI backend code.

Future Improvements

• Add authentication and authorization features.
• Enhance UI/UX with more interactive elements.
• Implement additional functionalities such as search and filters.

Contributing

We welcome contributions from the community. Feel free to contribute to this project by forking and submitting a pull request!