SkiStore - an app made as part of studies. This is a client side front-end React single page application for the stores user interface.
The goal was to learn step by step how is building an e-commerce store app build using using .Net, React and Redux.
Tech | Usage |
---|---|
C# | .NET Language Used |
.NET | Web Framework Used |
Entity Framework Core | Serves as an object-relational mapper (O/RM) |
React Router | A lightweight, fully-featured routing library for the React JavaScript |
Axios | Library for handling HTTP requests with React |
Material UI React | A library of React UI components that implements Google's Material Design |
Redux | A Predictable State Container for JS Apps |
Visual Studio Code | IDE Used |
All images in the project come from free resources:
- Wikimedia Commons - Wikimedia Commons
- Freepik - freepik
Install Packages
Run the command within the project directory to install packages from the project dependencies
$ cd ../SkiStore
$ npm install
Project Setup and Execution
Start the back-end implementation
$ cd ../SkiStore/API
$ dotnet run
Start the front-end implementation
In the 'client' project directory, you can run the React app:
$ cd SkiStore\client
$ npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Password for testing register and login:
Pa$$w0rd
- Gosia Różańska - manaroz
- Dariusz Kralewski - Academic teacher at the University of Gdańsk - Dariusz Kralewski- THANKS!
- Neil Cummings - Course tutorial - TryCatchLearn- THANKS!