📱 iOS Home Screen

the purpose of this project was just to learn more about web capabilities using react.js

Demo site is here: iOS Home Screen

Built With

React.js - A JavaScript library for building user interfaces
Next.js - Statically generated and server-rendered React applications
Emotion - a library designed for writing css styles with JavaScript.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React

Features

SSR
PWA
Drag and drop
Functional components with hooks
Written in TypeScript

Getting Started

Prerequisites

You’ll need to have Node 8.10.0 or later on your local development machine (but it’s not required on the server). You can use nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.

Installing

Clone this repo and install it's dependencies.

$ git clone https://github.com/erickbogarin/mobile-homescreen

# open the folder
$ cd mobile-homescreen
$ yarn install or npm install

Running in development mode

# serve with hot reload at localhost:3000
$ yarn dev or npm run dev

Generating a production build

# build for production and launch server
$ yarn build or npm run build
$ yarn start or npm start

Deployment

Check vercel guide to depoly this app from here

Improvement opportunities

Increase Test Coverage (unit, integration, e2e)
Document UI components
Remove Dead/Zombie Code

Questions

Feel free to open any issue.

erickbogarin/ios-homescreen