Giter Club home page Giter Club logo

chandima2000 / pet-store-react-dotnet Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 21.09 MB

The FullStack web application built using React 18 for the frontend and ASP.NET Core WebAPI (.NET 8) for the backend. The backend utilizes Entity Framework Core with SqlServer for database management. This project serves as a practical guide for building a Fullstack application from scratch.

C# 37.63% JavaScript 49.23% HTML 1.31% SCSS 11.83%
asp-net-core entity-framework reactjs sql-server

pet-store-react-dotnet's Introduction

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!

pet-store-react-dotnet's People

Contributors

chandima2000 avatar

Stargazers

 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.