https://github.com/elijahdre/bookstore-app
Microverse Module 03 Project: This educational project is similar to the "Awesome Books" website. It is a MVP version of it that allows you to display a list of books, add a book and remove a selected book. Built with React, CSS and JavaScript.
https://github.com/elijahdre/bookstore-app
bookstore css html html-css-javascript javascript linters microverse microverse-projects microverse-students react-icons react-router react-router-dom reactjs webpack
Last synced: 2 months ago
JSON representation
Microverse Module 03 Project: This educational project is similar to the "Awesome Books" website. It is a MVP version of it that allows you to display a list of books, add a book and remove a selected book. Built with React, CSS and JavaScript.
- Host: GitHub
- URL: https://github.com/elijahdre/bookstore-app
- Owner: Elijahdre
- Created: 2022-09-15T12:43:19.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-01-15T07:09:30.000Z (over 2 years ago)
- Last Synced: 2024-05-28T22:10:42.728Z (about 1 year ago)
- Topics: bookstore, css, html, html-css-javascript, javascript, linters, microverse, microverse-projects, microverse-students, react-icons, react-router, react-router-dom, reactjs, webpack
- Language: JavaScript
- Homepage: https://bookstore-app-mv.netlify.app/
- Size: 1.44 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bookstore
> This is an educational project similar to the "Awesome Books" website. It is a MVP version of it that allows you to:
> - Display a list of books.
> - Add a book.
> - Remove a selected book.
## Built With
- [x] Languages: HTML, CSS and JavaScript
- [x] Linters: Stylelint and ESLint
- [x] Front-end library: React
- [x] Code Editor: VS Code
## Website Mockup 📱 💻 🖥️
## Live Demo 🔗
Check the live demo [netlify](https://bookstore-app-mv.netlify.app/)👈
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
- [x] A web browser like Google Chrome.
- [x] A code editor like Visual Studio Code with Git and Node.js.
You can check if Git is installed by running the following command in the terminal.
```
$ git --version
```
Likewise for Node.js and npm for package installation.
```
$ node --version && npm --version
```
### Setup
Clone the repository using the GitHub link provided below.
### Install
In the terminal, go to your file directory and run this command.
```
$ git clone [email protected]:Elijahdre/Bookstore-app.git
```
### Usage
Kindly modify the files as needed.
In the project directory, you can run:
```
$ npm start
```
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### Run tests
To check for linters, use the files provided by [Microverse](https://github.com/microverseinc/linters-config). A GitHub action is also set to run during pull request.
```
$ npm install
```
### Deployment
This app is deployed in the GitHub Pages for easy viewing upon merged on the main branch.
Please find the link in the Live Demo section.
## Author
👤 **Elijah Odjegba** 
- GitHub: [](https://github.com/Elijahdre)
- Twitter: [](https://twitter.com/kingglijah)
- LinkedIn: [](https://www.linkedin.com/in/elijah-odjegba/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Elijahdre/Bookstore-app/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- [Microverse](https://www.microverse.org/)
- Code Reviewers
- Coding Partners
## 📝 License
This project is [MIT](./MIT.md) licensed.