📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
  • Tech Stack
  • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 to-do0list

In this project, a website for to do list is being build. The webapp have 1 user interface.

• A home page showing a list of todos that you can mark it as it done or not done yet

🛠 Built With

• HTML
• CSS
• webpack
• Javascript
• Jest

Tech Stack

Key Features

• Develop webapp around an API
• Conduct test to ensure all edge cases are covered
• Create web page using given wireframe
• Users can filter amount of movies displayed

(back to top)

🚀 Live Demo

• Live Demo Link

🚀 Project Details

• Ahmed Mohsen

💻 Getting Started

To get a local copy up and running follow these simple example steps.

Clone Git Repository

-Reach to following Github URL:

https://github.com/AhmedMohsen600/to-do-list.git

-Copy the URL.

-In Visual Studio Code "Terminal" change the current working directory to the location where you want the cloned directory.

-Type git clone in the terminal, paste the URL you copied earlier, and press "enter" to create your local clone.

$ git clone https://github.com/AhmedMohsen600/to-do-list.git

Install Dependencies(with following Command)

• npm install

Build webpack

• run command

npm run build

Start server

npm start

Prerequisites

In order to run this project you need:

• [x] Basic Knowledge of HTML, CSS, & JavaScript.
• [x] Basic knowledge of ES6 syntax.
• [x] Basic knowledge of Git, GitHub &Gitflow.
• [x] Basic knowledge of Linters.
• [x] Basic knowledge of Webpack.
• [x] Basic knowledge of Jest unit-testing library.
• [x] Basic knowledge of VS Code or any other code-editors.

Setup

Clone this repository to your desired folder:

_cd PATH_

_git clone https://github.com/AhmedMohsen600/to-do-list.git

_cd to-do-list

npm install

npm run build

npm start

Install

Install this project with:

  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

  npm test

Deployment

You can deploy this project using:

  npm start

(back to top)

👥 Authors

👤 Ahmed Mohsen

• GitHub: @Ahmed Mohsen
• LinkedIn: @Ahmed Mohsen

(back to top)

🔭 Future Features

• [ ] Implement additional home pages, one page per category of movies

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

Credits

• The original design ideal by Cindy Shin in Behance
• Project from Microverse html & css module
• Images inspired by Unsplash
• Topic inspired by Khadija Hamdani

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

• Thanks to Microverse for giving this opportunity to learn ...
• Code Reviewers & Coding Partners.
• Hat tip to anyone whose code was used.

(back to top)

❓ FAQ

• How to generate a new key for the API?

• Open VScode and generate a key by using the following command

curl -X POST https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/

(back to top)

📝 License

This project is MIT licensed.

(back to top)