https://github.com/roseokpe/bookstore
The bookstore is a website similar to a library that Display list of books, users can Add books, and Remove books
https://github.com/roseokpe/bookstore
css html javascript react-router reactjs rest-api
Last synced: 2 months ago
JSON representation
The bookstore is a website similar to a library that Display list of books, users can Add books, and Remove books
- Host: GitHub
- URL: https://github.com/roseokpe/bookstore
- Owner: Roseokpe
- Created: 2022-08-11T20:51:22.000Z (almost 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-08-23T04:02:09.000Z (almost 4 years ago)
- Last Synced: 2025-03-29T14:30:48.440Z (about 1 year ago)
- Topics: css, html, javascript, react-router, reactjs, rest-api
- Language: JavaScript
- Homepage: https://liberty-bookstore.netlify.app/
- Size: 1.78 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bookstore App
> The Bookstore is a website created an MVP version of it that allows user to:
Display a list of books.
Add a book.
Remove a selected book.
## Built With
- Major languages: HTML CSS & JavaScript
- Framework(Library): React
- Technologies used: VS code
## Live Demo (if available)
[LIVE DEMO](https://liberty-bookstore.netlify.app/)
## Getting Started
- To get a local copy up and running follow these simple example steps.
# Setup
- git clone https://github.com/Roseokpe/bookstore.git
# Usage
- Usage: cd , npm install, npm start.
To get a local copy up and running follow these simple example steps.
### Prerequisites
- Have a working and updated browser
- Have a local version control like **git** install on your computer
- Have knowledge about figma to adapt the design by following some specific requirements
- Have an account and sign in on GitHub, as online/remote version control system
- Download waves to check project accessibilty
### Setup
-Clone the git repo using this command: **git clone https://github.com/Roseokpe/bookstore.git**
### Install
- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
- ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)
### Create React App
- npx create-react-app my-app
- cd my-app
- npm start
### Usage
- Usage: cd , npm install, npm start.
### Run tests
- **npx hint .** : To test html codes
- **npx stylelint "**/\*.{css,scss}"\*\* : To test css code
- **npx eslint .** : To test Eslint Report
### Deployment
- Go to settings
- Click on pages
- Choose your source
- Choose folder
- choose a theme(optional)
- Enforce HTTPS
- And then save
## Authors
👤 **Rose Okpe**
- GitHub: [@roseokpe](https://github.com/roseokpe)
- Twitter: [@roseokpe](https://twitter.com/roseokpe)
- LinkedIn: [Rose Okpe](https://linkedin.com/in/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
The design has been inspired by:
[Microverse](https://www.microverse.org)
## 📝 License
This project is [MIT](./MIT.md) licensed.