Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mubassim-khan/smartcartify
This repository contains the code for implementing the Redux Toolkit methodology in React. View README for more descriptive overview of repository.
https://github.com/mubassim-khan/smartcartify
react redux redux-thunk redux-toolkit
Last synced: 1 day ago
JSON representation
This repository contains the code for implementing the Redux Toolkit methodology in React. View README for more descriptive overview of repository.
- Host: GitHub
- URL: https://github.com/mubassim-khan/smartcartify
- Owner: Mubassim-Khan
- Created: 2024-01-21T19:14:58.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-06-25T19:04:18.000Z (5 months ago)
- Last Synced: 2024-06-25T21:44:23.894Z (5 months ago)
- Topics: react, redux, redux-thunk, redux-toolkit
- Language: JavaScript
- Homepage: https://react-redux-toolkit-opal.vercel.app
- Size: 274 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SmartCartify
This repository contains the code for implementing the Redux Toolkit methodology in React. The `@reduxjs/toolkit` package wraps around the core redux package, and contains API methods and common dependencies that are essential for building a Redux app.
## Preview
## Features
- Responsive design: The web page adapts to different screen sizes, ensuring a consistent user experience on desktop & mobile devices.
- Interactive components: The page includes interactive elements such as buttons, cards, animations & other hover effects on buttons.
- CSS styling: The stylesheets provide a sleek and modern look.
- Redux Toolkit: Provides a vital role in manipulating the state of components, keeping in track.
## Tech used 🛠️
- [React](https://reactjs.org/) - UI Library
- [Redux Toolkit](https://redux-toolkit.js.org/) - Toolset for Redux App Development
- [Redux Thunk](https://github.com/reduxjs/redux-thunk) - Middleware for Redux
- [Axios](https://axios-http.com/) - HTTP Client for Node.js
## Getting Started
To get started with this project, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/Mubassim-Khan/SmartCartify
```
2. Open the project in your preferred code editor.
3. Install dependencies:
```bash
npm i
```
4. Now, you can start a local web server by running:
```bash
npm start
```
5. And then open http://localhost:5173 to view it in the browser.
## Contact
If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:
- LinkedIn: [Mubassim Ahmed Khan](https://www.linkedin.com/in/mubassim)
- Email: [[email protected]](mailto:[email protected])
## Available Scripts
In this project, you can run the following scripts:
| Script | Description |
| ------------- | ------------------------------------------------------- |
| npm start | Runs the app in the development mode. |
| npm test | Launches the test runner in the interactive watch mode. |
| npm run build | Builds the app for production to the `dist` folder. |
| npm run serve | Serves the production build from the `dist` folder. |
---