Skip to content

Latest commit

 

History

History
63 lines (47 loc) · 2.08 KB

README.md

File metadata and controls

63 lines (47 loc) · 2.08 KB
Raw

Preview

🌙 social-media-redesign

A collection of social media dark mode redesign concept.

Written in React and TypeScript, together with styled-components.

Setup

  1. Clone the repository.
git clone https://github.com/chcepe/social-media-redesign.git
  1. Install dependencies npm install or yarn install
  2. Start the app npm run dev or yarn dev
  3. Browse localhost:3000 in your browser of choice

Available social media brands:

Name Brand name Preview
Instagram TV instagram-igtv Link
Facebook facebook Link

Notes

This project is created with Next.JS without much configuration, only absolute imports at tsconfig.json, therefore the structure for this project looks like this:

├── assets
│   ├── <brand-name>
│   └── shared
├── components
│   ├── <brand-name>
│   └── shared
├── containers
│   ├── <brand-name>
│   └── shared
├── pages
│   ├── <brand-name>
│   └── shared
├── public
│   ├── <brand-name>
│   └── index.tsx
├── utils
│   ├── <brand-name>
│   └── shared
├── .babelrc
├── package.json
├── README.md
└── tsconfig.json

You can create your own concept based from the available brands above.

Deploy on Vercel

The easiest way to deploy a Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details