https://github.com/rysth/react-updateec
UpdateEC is a simple eCommerce website for a technologic unipersonal company, where we can know a more about them and also take a look at the products that they offer to the customers, search them by name and by category. Built with React, Redux Toolkit, Strapi, Tailwind CSS.
https://github.com/rysth/react-updateec
Last synced: over 1 year ago
JSON representation
UpdateEC is a simple eCommerce website for a technologic unipersonal company, where we can know a more about them and also take a look at the products that they offer to the customers, search them by name and by category. Built with React, Redux Toolkit, Strapi, Tailwind CSS.
- Host: GitHub
- URL: https://github.com/rysth/react-updateec
- Owner: Rysth
- License: other
- Created: 2023-09-02T20:43:34.000Z (almost 3 years ago)
- Default Branch: development
- Last Pushed: 2024-03-05T16:12:54.000Z (over 2 years ago)
- Last Synced: 2025-02-07T23:46:49.841Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://updateec.netlify.app/
- Size: 18.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# John Palacios - RysthCraft
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Commands](#commands)
- [Test](#test)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
- **UpdateEC** is a simple eCommerce website for a technologic unipersonal company, where we can know a more about them and also take a look at the products that they offer to the customers, search them by name and by category. Built with React, Redux Toolkit, Strapi, Tailwind CSS.
FRONT END
- [HTML](https://www.w3schools.com/html/)
- [CSS](https://www.w3schools.com/css/)
- [JavaScript](https://www.w3schools.com/js/)
- [React](https://react.dev/)
- [TailwindCSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [React Multi Carousel](https://www.npmjs.com/package/react-multi-carousel)
- [React Notifications](https://www.npmjs.com/package/react-notifications)
- [FormSpree](https://formspr.ee/react-help)
- BACKEND
- [Headless CMS | Strapi](https://strapi.io/)
- [PaaS | Koyeb](https://www.koyeb.com/)
- [PaaS | Fl0](https://fl0.com/)
- 🔰 Beautiful Landing Page using TailwindCSS.
- 🔰 Good-looking Animations using Framer Motion Library and AnimateCSS.
- 🔰 Products Management using Redux Toolkit.
- 🔰 Search and filter Products by Name or Category.
- 🔰 Use Strapi Public's API to manage the Products information.
- [Live Demo](https://react-updateec.onrender.com/)
To get a local copy up and running, follow these steps.
Clone this repository to your desired folder:
```
git clone https://github.com/Rysth/REACT-UpdateEC.git
cd REACT-UpdateEC
code . (To open VS Code Editor)
```
Then, you will change everything you want!
- ✔️ _npm start_:
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
- ✔️ _npm test_:
Launches the test runner in the interactive watch mode. See the section about running tests for more information.
- ✔️ _npm run build_:
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
In order to follow the Linters you could check them using this:
- CSS Checker:
```
npx stylelint "**/*.{css,scss}" --fix
```
- ESLint Checker:
```
npx eslint "**/*.{js,jsx}" --fix
```
👤 **John Palacios**
- GitHub: [@rysthcraft](https://github.com/Rysth)
- Linkedin: [@johnpalacios](https://www.linkedin.com/in/john-rysthcraft/)
- [x] Migrate the Strapi/Postgres Database to Render.
- [ ] Implement a better filter system for the Products Page.
- [ ] Create a Details page to see a specific product information.
- [ ] Create a Login/Sign Up page for users.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project feel free to watch it and take some features that will enhance your project
as well.
I would like to thank the [Nait Creative](https://www.figma.com/@Naitcreative) for providing me with a landing page design to get inspiration for the design.
This project is [MIT](./LICENSE.md) licensed.