https://github.com/react-pakistan/fdclahore-workshop
Facebook Dev Circles Lahore Workshop
https://github.com/react-pakistan/fdclahore-workshop
cssgrid react react-router reactjs redux styled-components
Last synced: about 1 year ago
JSON representation
Facebook Dev Circles Lahore Workshop
- Host: GitHub
- URL: https://github.com/react-pakistan/fdclahore-workshop
- Owner: react-pakistan
- License: mit
- Created: 2019-06-26T15:23:06.000Z (almost 7 years ago)
- Default Branch: dev
- Last Pushed: 2019-07-02T02:47:15.000Z (almost 7 years ago)
- Last Synced: 2025-04-08T08:07:21.480Z (about 1 year ago)
- Topics: cssgrid, react, react-router, reactjs, redux, styled-components
- Language: JavaScript
- Homepage: https://reactroundup.splashthat.com/
- Size: 2.77 MB
- Stars: 2
- Watchers: 0
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Facebook Dev Circles Lahore Workshop
Welcome everyone for attending Facebook Dev Circles Lahore workshop. This workshop is majorly focused on React library.
Workshop SlidDeck: https://docs.google.com/presentation/d/1Bhafr7cBjA8-Yuohj81ReGpcN-8p-jp47itiUO7sSN0/edit?usp=sharing
Following technoglogies are used along with React to support this project;
* [ReactJS](https://reactjs.org/)
* [Redux](https://redux.js.org/)
* [Storybook](https://storybook.js.org/)
* [StyledComponents](https://www.styled-components.com/)
* [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) & [CSS FlexBox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
### Environment Setup
> This project should work equally fine across all three platforms, Mac, Linux & Windows.
#### On MAC
* Install Brew `/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"`
* Install Node `brew install node`
#### On Windows
* Install Chocolatey `@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"`
* Install Node `choco install -y nodejs.install`
### Run This Project
Run following set of commands after cloning this repo off the GitHub link
* `cd react-ui`
* `yarn` or `npm install`
* `yarn start` or `npm start`
* a localhost url on port 9001 will pop in your default browser
> Although you could use NPM, but it is recommended to use yarn instead for this repo.
### Instructor Profile
Taimoor Khan does lots of open source work and projects, checkout his GitHub profile https://github.com/Taimoormk, fork, follow, and star if you find any of his projects interesting.
Should you wish, Taimoor Khan to improve in any way, consider leaving your comments on his GuestBook at https://taimoor-khan.herokuapp.com/guest-book
### Output
