All Projects → curioustushar → react-sample-projects

curioustushar / react-sample-projects

Licence: MIT License
The goal of this project is to provide a set of simple samples, providing and step by step guide to start working with React.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to react-sample-projects

OpenTrivia
Multiplayer quiz game demo using React and Opentdb API
Stars: ✭ 47 (+56.67%)
Mutual labels:  react-components, demo-app
Nectus
A boilerplate Flask API for a Fullstack Project with some additional packages and configuration prebuilt. ⚙
Stars: ✭ 32 (+6.67%)
Mutual labels:  react-components, react-hooks
mint-ui
Design System | React UI components for web
Stars: ✭ 17 (-43.33%)
Mutual labels:  react-components, react-hooks
React-Netflix-Clone
A Fully Responsive clone of Netflix website built using React.JS as a Front-end & Firebase as a Back-end.
Stars: ✭ 91 (+203.33%)
Mutual labels:  react-components, react-hooks
react-remark
React component and hook to use remark to render markdown
Stars: ✭ 81 (+170%)
Mutual labels:  react-components, react-hooks
frontend-toolbox
Frontend tools which we used in snappmarket v2
Stars: ✭ 37 (+23.33%)
Mutual labels:  react-components, react-hooks
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (+573.33%)
Mutual labels:  react-components, react-hooks
Beautiful React Hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
Stars: ✭ 5,242 (+17373.33%)
Mutual labels:  react-components, react-hooks
react-guidebook
📚 React 知识图谱 关于概念、技巧、生态、前沿、源码核心
Stars: ✭ 22 (-26.67%)
Mutual labels:  react-components, react-hooks
fluent-windows
🌈 React components that inspired by Microsoft's Fluent Design System.
Stars: ✭ 122 (+306.67%)
Mutual labels:  react-components, react-hooks
next-qrcode
React hooks for generating QRCode for your next React apps.
Stars: ✭ 87 (+190%)
Mutual labels:  react-components, react-hooks
wxWidgetsTemplate
A template project for wxWidgets C++, with pre-set files and IDE projects, and allows for easy updates to wxWidgets
Stars: ✭ 13 (-56.67%)
Mutual labels:  sample-app, sample-project
react-use-hubspot-form
Embed HubSpot forms into your React components using hooks! Works with Create React App, Gatsby and other platforms.
Stars: ✭ 41 (+36.67%)
Mutual labels:  react-components, react-hooks
xamarin-forms-demo-app
A demo application in this repository demonstrates the capabilities of the DevExpress Mobile UI for Xamarin.Forms: Data Grid, Editors, Charts, Scheduler, Data Form, and other controls.
Stars: ✭ 74 (+146.67%)
Mutual labels:  demo-app, demos
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (+3.33%)
Mutual labels:  react-components, react-hooks
hx
A simple, easy to use library for React development in ClojureScript.
Stars: ✭ 244 (+713.33%)
Mutual labels:  react-components, react-hooks
react-admin-nest
React和Ant Design和 Nest.js 和 Mysql 构建的后台通用管理系统。持续更新。
Stars: ✭ 123 (+310%)
Mutual labels:  react-components, react-hooks
how-react-hooks-work
Understand how React-hook really behaves, once and for all!
Stars: ✭ 73 (+143.33%)
Mutual labels:  react-components, react-hooks
SampleFoodBlog
🔥 Android blog application, built with Firebase
Stars: ✭ 23 (-23.33%)
Mutual labels:  sample-app, sample-project
book-fullstack-react
Fullstack React: The Complete Guide to ReactJS and Friends by Anthony Accomazzo
Stars: ✭ 100 (+233.33%)
Mutual labels:  react-components, react-hooks

react-sample-projects

The goal of this project is to provide a set of simple samples, providing and step by step guide to start working with React.

Found this project useful?

If you found this project useful, then please consider giving it a ⭐️ on Github and sharing it with your friends via social media.

Demo

Level 1

# Name Preview Source
1 Color Flipper Color Flipper Color Flipper
2 Counter Counter Counter
3 Reviews reviews Reviews
4 Navbar navbar Navbar
5 Sidebar sidebar Sidebar
6 Modal modal Modal
7 Questions questions Questions
8 Menu menu Menu
9 Video video Video
10 Scroll Scroll Scroll
11 Tabs Tabs Tabs
12 Countdown Timer Countdown Timer Countdown Timer
13 Lorem ipsum lorem ipsum Lorem Ipsum
14 Todo Todo Todo
15 Slider slider Slider
16 Image Slider image slider Image Slider
17 Analog Clock analog-clock Analog Clock
18 Relaxer relaxer Relaxer
19 Sortable List sortable Sortable List
20 Digital Clock sortable Digital Clock
21 Grandma's Sweets grandma-sweets Grandma's Sweets
22 Movie Seat Booking movie-seat-booking Movie Seat Booking
23 Expense Tracker expense-tracker Expense Tracker
24 Breakout Game breakout-game Breakout Game
25 Hulu Clone hulu-clone Hulu Clone

Level 2

# Name Preview Source Plugins used
1 Music Player music-player Music Player
2 Leaflet Demos leaflet-demos Leaflet Demos leaflet
3 Pokemon Pokemon Pokemon redux, graphql, apollo
4 Demo Cart Demo Cart Demo cart redux, redux-thunk, chakra-ui, formik
5 Notes Notes Notes redux, firebase, reactfire, react-router, material-ui

TODO

  • Improve Testing
  • Form Validator
  • Sortable List | Drag & Drop API
  • Digital Clock
  • Breakout Game | Canvas & Local Storage

Contributing

Awesome! Contributions of all kinds are greatly appreciated. To help smoothen the process we have a few non-exhaustive guidelines to follow which should get you going in no time.

Using GitHub Issues

  1. Feel free to use GitHub issues for questions, bug reports, and feature requests
  2. Use the search feature to check for an existing issue Include as much information as possible and provide any relevant resources (Eg. screenshots)

Created & Maintained By

Tushar Gupta
Tushar Gupta

💻 📖 🤔 💬 👀 🚧
Mani Kiran
Mani Kiran N

💻 📖 🤔 🚧

Feel free to reach out to me through @curioustushar if you have any questions or feedback! 😊

Thanks & Credits

Idea / Concepts is take from

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].