Skip to content

Repository files navigation

React Single Page App

📗 Table of Contents

📖 Todo List

"BookStore" involves the development of a Single Page application using an external API.

I have established the requisite development environment and tools for creating a React application. Subsequent to this, I will proceed with the actual application development in upcoming phases.

Phase 1 - Setup Branch:

The most straightforward approach to initiating a React application is through the utilization of Create React App (CRA), adhering to the instructions outlined in the provided guide. The application must be capable of error-free execution within a web browser.

Phase 2 - Setup2 Branch:

All prerequisites for the second stage of the project, focused on Components, have been met. I have established a designated directory named "components" within the CRA setup, encompassing textual, visual, and stylistic resources. Within this directory, a new file named "Calculator.js" has been created. Subsequently, a React component has been developed to align with the provided design specifications.

How to build the "Math-magician" website

    1. Use REACT to build single page application
    1. Apply Linters

🛠 Walk through

  • See the Project Requirement
  • If required you should personalize the content of your page. Choose a topic that is different than the one in the original design
  • 🛠 Built With

    feature-One

    • Imeplementation of Basic Framework linters error free.
    • Implementation of Gitflow

    feature-two

    feature-three

    • We will create a Math magic single page Website for the visitor eloborating different options
    • Choose images, text, icons, fonts.
    • Set up the repository and tools has been done in feature-one, and feature-two

    Tech Stack

    Client Side / Front-End
    Server Side / Back-End

    Tools

    Code Convention, Code Analysis
    Version Control, CI/CD, Hosting Service
    IDE, Desktop Apps, Other Tools

    Key Features

    • Perform basic calculation
    • Single page application
    • Dynamic page

    (back to top)

    🚀 Live Demo

    [Coming Soon]

    🚀 Live Recording

    [Coming Soon]

    💻 Getting Started

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

    Prerequisites

    In order to run this project you need:

    • git version 2.38.x
    • node.js version > 12.x
    • IDE
    • browser (chrome, firefox, edge, safari)

    Setup

    Clone this repository to your desired folder:

      cd Javascript-capston
    
      git https://github.com/faisalakb/TodoList_React

    Install

    Install this project with:

      cd Javascript-capston
      node npm install

    Usage

    To run the project, execute the following command: run live server

    Run tests

    To run tests, run the following command: Run Github Actions Test

      npx stylelint "**/*.{css,scss}"
      npx eslint .
      npm test

    Deployment

    This project is deployed at github pages you can clone it here. [Please click to clone](coming soon)

    (back to top)

    Authors

    👤 Faisal Mumtaz

    (back to top)

    🔭 Future Features

    • Project 4: Fetch data from API
    • Project 5: Full website.
    • Project 6: Tests (pair programming).

    🤝 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 to this repositiory.

    (back to top)

    🙏 Acknowledgments

    I would like to thank the Microverse full-stack curriculum for the inspiration and guidance.

    (back to top)

    📝 License

    This project is under MIT licensed.

    (back to top)

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages