https://github.com/ampaire/beautiful-tags
This is a Full Stack project built with React-Redux consuming a Rails API. It is an online ladies' clothing store
https://github.com/ampaire/beautiful-tags
formik jest microverse-projects rails-api react redux
Last synced: 3 months ago
JSON representation
This is a Full Stack project built with React-Redux consuming a Rails API. It is an online ladies' clothing store
- Host: GitHub
- URL: https://github.com/ampaire/beautiful-tags
- Owner: ampaire
- Created: 2020-09-19T18:01:25.000Z (over 4 years ago)
- Default Branch: development
- Last Pushed: 2020-10-07T22:10:39.000Z (over 4 years ago)
- Last Synced: 2025-02-07T21:45:26.613Z (4 months ago)
- Topics: formik, jest, microverse-projects, rails-api, react, redux
- Language: JavaScript
- Homepage: https://beautiful-tags.netlify.app/
- Size: 9.83 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Beautiful Tags
Beautiful Tags is an online store for ladies clothes, handbags and shoes. It has been developed in React for the front-end and Ruby on Rails for the back-end.
## Feautures
### User
- Users can sign Up
- Edit/ Update their profiles
- View available items in the store
- Add items to the wishlist
- Remove items from their wishlist
- View the deatails of each item (seller, price, contact)
- View their expenditure basing on the items added to their Wishlist
### Admin
- Add a new item
- View the estimated income incase items are added to wishlist
## [Demo Link](https://beautiful-tags.netlify.app/)
## Tools
- Rails API
- React
- Redux
- Formik
- ES6
- Jest
- SASS
## Setting Up
### Project
1. Use the [git](https://git-scm.com/downloads) to clone the project to your local machine.
```sh
$ git clone https://github.com/ampaire/Online-store.git
```
2. Navigate into the project directory
```sh
$ cd Online-store
```
3. Install the environmental dependencies and modules
```sh
$ npm install
```
4. Start the project
```sh
$ npm start
```
This will open the project on ```http://localhost:3000``` in your favorite browser and if it doesn't, open it at localhost port 3000.
### Tests
To run the tests for this application, type the following command in the terminal
```sh
$ npm test
```
## 👤 Author
Phemia Ampaire
[Github](https://github.com/ampaire) | [Twitter](https://twitter.com/AmpaPhem) | [LinkedIn](https://linkedin.com/in/phemia)
## Available Scripts
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
## ⭐️⭐️Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- [Microverse](https://www.microverse.org/)
- ASOS (https://www.asos.com)