https://github.com/abdultolba/react-projects

A collection of projects developed with React.js
https://github.com/abdultolba/react-projects

javascript react react-native react-redux reactjs

Last synced: about 2 months ago
JSON representation

A collection of projects developed with React.js

• Host: GitHub
• URL: https://github.com/abdultolba/react-projects
• Owner: abdultolba
• Created: 2019-06-06T14:10:56.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T01:00:12.000Z (almost 2 years ago)
• Last Synced: 2023-03-08T15:27:57.300Z (almost 2 years ago)
• Topics: javascript, react, react-native, react-redux, reactjs
• Language: JavaScript
• Homepage:
• Size: 9.86 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 133
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Projects

This repository contains some of the projects I've worked on in React (v16.8), Redux, and possibly React Native as I learn to look back at for reference and track my progress.

Projects

--------

1.  **jsx-intro** - This is very simple "sandbox" app that introduced me to basic JSX syntax.

2.  **seasons-site** - Displays the season based on user's geolocation

3.  **blog-post** - Generic blog posts using data from the faker.js library.

4.  **api_pics** - Image search engine that retrieves images from unsplash api and displays them in a grid layout.

5.  **api_videos** - Video search engine that uses Google's YouTube api to display a list of videos and a selected video player.

6. **redux-song-list** - Generic react-redux app that uses redux store to store a list of songs/song data.

7.  **markdown-editor** - Markdown editor that transforms markdown syntax

8. **random-quran** - Single page website that fetches a random ayah from a Quran API and displays it along with the surah name.

9. **blog** - Using redux-thunk middleware, fetching blog posts/users from api to organize a blog site.

10. **streams** - Twitch-like streaming service that allows users to create, delete, and view streams.

Demos

-----

![Markdown Editor](https://github.com/abdultolba/react-projects/blob/master/assets/screen-capture.gif "Markdown Editor")

![Image Search](https://github.com/abdultolba/react-projects/blob/master/assets/screen-capture-_2_.gif "Image Search")

Development

-----------

Projects such as create-react-app and react-slingshot have been used to setup development envs.

Install all the required packages/dependencies using npm

### `npm install`

Serve the app to browser

### `npm start`

Contributing

------------

Feel free to open issues and pull requests :)