GithubHelp home page GithubHelp logo

okoyecharles / hello-react-front-end Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 683 KB

A React front-end that consumes a rails endpoint displaying a random message.

License: MIT License

HTML 38.49% JavaScript 61.02% CSS 0.49%

hello-react-front-end's Introduction

logo

๐Ÿ“— Table of Contents

Click to view contents
  1. ๐Ÿ“– About the Project
  2. ๐Ÿ’ป Getting Started
  3. ๐Ÿ‘ฅ Authors
  4. ๐Ÿ”ญ Future Features
  5. ๐Ÿค Contributing
  6. โญ๏ธ Show your support
  7. ๐Ÿ™ Acknowledgements
  8. โ“ FAQ
  9. ๐Ÿ“ License

๐Ÿ“– Hello React Front End

Hello react front end is a React front-end that consumes a rails endpoint displaying a random message.

๐Ÿ›  Built With

Tech Stack

Client

Key Features

This projects aim is to help me understand the key features of Consuming rails API endpoints with react

  • Consume Rails API endpoints
  • Save data in redux store

(back to top)

๐Ÿš€ Live Demo

Currently no demo is available

(back to top)

๐Ÿ’ป Getting Started

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

Prerequisites

  • Node Package Manager (npm)

Setup

Github

  • Enter this url: https://github.com/OkoyeCharles/hello-react-front-end/ in your web browser.
  • Once opened navigate to the top left level of the project a green code download button will be visible on the righthand side.
  • Select the download Zip option from drop-down menu.
  • Once the download is complete you will be able to access my project locally.

Local (Terminal)

  git clone github.com/OkoyeCharles/hello-react-front-end/.git
  cd hello-react-front-end

Install

Install dependencies and gems in this project with:

  cd hello-react-front-end
  npm install

Usage

To run the project, execute the following command:

  • Run npm run start or npm start to start a development server.

Run tests

To run tests, run the following command:

Currently no tests are present

Deployment

You can deploy this project using:

  • Github Pages
  • Netlify

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Author1

(back to top)

๐Ÿ”ญ Future Features

  • Currently none.

(back to top)

๐Ÿค Contributing

Contributions are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue, feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like this project. Don't forget to give it a โญ๏ธ

(back to top)

๐Ÿ™ Acknowledgments

  • A big thanks to @microverseinc for the project idea, guidance and inspiration.

(back to top)

โ“ FAQ

  • What inspired me to create this project?

    • The inspiration for this project came from microverse โ€“ a software development bootcamp where you work with teammates remotely on different projects.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.