Awesome

:iphone: 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.