/Bookstore

Primary LanguageJavaScriptMIT LicenseMIT

📗 Table of Contents

📖 [Bookstore: Styling]

I have built a this project using HTML, CSS, JavaScript and React.

🛠 Built With

Tech Stack

VS Editor, Github web pages, HTML, CSS, JavaScript and React.

Key Features

Functional submition form, capable of adding and removing books Books get stored on an API

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps, in cloned directory type the following in your terminal:

git clone https://github.com/Thinus01/Bookstore

git checkout styling This will change you from the main branch to the styling branch.

npm install This will ensure that all of the dependancies are installed on your system that is required for the program to run as intended.

npm start Since we have everything in its place, its time to run the program. You will notice that when the page loads up it will show a bunch of errors. Let's fix that by typing: npx eslint --fix. Now that everything is fixed and ready to go. we type in: npm start for the last time. Now the page works as it should.

You should now be able to work on the project without limitations.

Prerequisites

In order to run this project you need:

  • IDE
  • Git & Github
  • Node.js

Setup

Clone this repository to your desired folder:

git clone https://github.com/Thinus01/Bookstore

Install

Install this project with:

Navigate to the location of the folder in your local machine, in cloned directory type the following in your terminal:

git checkout styling This will change you from the main branch to the styling branch.

npm install This will ensure that all of the dependancies are installed on your system that is required for the program to run as intended.

npm start Since we have everything in its place, its time to run the program. You will notice that when the page loads up it will show a bunch of errors about "Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style". Let's fix that by typing: npx eslint --fix. Now that everything is fixed and ready to go. we type in: npm start for the last time. Now the page works as it should.

You can end the procces by typing: npx kill-port 3000

Run tests

To run tests, run the following command: npm test

Deployment

You can deploy this project using: Github pages

https://github.com/settings/pages

(back to top)

👥 Authors

👤 Author1

(back to top)

🔭 Future Features

What do I plan on adding in the near future?.

  • [Open to suggestions]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, give a star.

(back to top)

🙏 Acknowledgments

I would like to thank Microverse, coding partners and my standup team.

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)