MSN Redesign made with Next - Inspired by Igor Monteiro's Layout

Overview

MSN Redesign 🏳

Made with Next - Inspired by Igor Monteiro's Layout | Behance

Versão Mobile - Tela de Identificação

Versão Desktop - Tela de Identificação

Versão Desktop - Tela de lista de chats

Versão Desktop - Tela que lista as mensagens de um chat

🛠️ Stack

  • Next
  • React
  • Yarn (v1.22.17)
  • CSS in JS
  • CSS - Gradient
  • Responsive website
  • Flexbox
  • Supabase

Run

First of all, we must clone the repository:

  $ git clone [email protected]:laisfrigerio/msn-redesign.git

Or case if it is a fork:

  $ git clone https://github.com/<your_username>/msn-redesign.git

And get into folder:

  $ cd msn-redesign

Create an .env file with credentials from supabase.

  NEXT_PUBLIC_SUPABASE_KEY
  NEXT_PUBLIC_SUPABASE_URL

Then, install dependencies

  $ yarn install
  $ yarn dev

👩 Author

Lais Frigério
@laisfrigerio

📄 License

This project is licensed under the MIT License - see the LICENSE.md file for details

You might also like...

BookAttic is an online bookstore made using the MERN stack.

BookAttic is an online bookstore made using the MERN stack. Link to the website. Table of contents General info Technologies Setup General info This p

Nov 19, 2022

Web Audio API based Pitch Tuner application made with ReactJS.

Pitch Tuner Pitch Tuner is a ReactJS application based on WebAudio API. You can tune your guitar/ukelele from online without any application! The algo

Jul 11, 2022

ReactJS-Travel-Website - This is a travel(adventure) website made with ReactJS.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jan 1, 2022

Pickle tree - Javascript tree component made with pure javascript

Pickle Tree Pickle tree is a tree component written as completely pure javascript. Just send json file to object and have fun :-D Pickle tree does't n

Nov 13, 2022

This is made for those who are learning react and are tired of doing create-react-app and having to delete those unused files

Easy React Pack (ERP) This is made for those who are learning react and are tired of doing create-react-app and having to delete those unused files. H

Jan 12, 2022

Personal website and blog made using NextJS, TailwindCSS, GraphCMS, and MDX bundler

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Aug 21, 2022

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

React.js USA Covid-19 Tracker This application allows the public to keep track of the stadistics of the Covid-19 Pandemic in the United Stated. You wi

Oct 25, 2022

Windows notepad in web with additional features! Made with typescript and react.

Windows notepad in web with additional features! Made with typescript and react.

Notepad Windows notepad in web with additional features! 📝 Table of Contents 🧐 About Why I created ? Helpful for ? Who can contribute ? 🏁 Getting S

Jan 3, 2023

Truth or Dare Generator App made using React.

Truth or Dare Generator App made using React.

Feb 28, 2022
Owner
Lais Frigério
NodeJS | PHP | Java Developer
Lais Frigério
Plock is a responsive masonry layout implementation for React. Very simple to use and easy to understand.

About Plock ?? Plock is a responsive masonry layout implementation for React. Very simple to use and easy to understand. Can I see a demo? ?? The demo

Renato Pozzi 130 Dec 9, 2022
An easy to use and simple masonry layout for React Js based on flexbox column.

React Masonry An easy to use and simple masonry layout for React Js based on flexbox column. Live Preview / Demo In Here Basic Usage Masonry Layout <M

null 16 Dec 23, 2022
here in this git repo you will get react js basic layout, having in responsive mode.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 3 Feb 23, 2022
Visual layout editor for matplotlib and any plotting library built upon matplotlib like seaborn.

Matplotlib Layout Generator Before you start: You must have experience with using matplotlib. It needs to be use on desktop. Not designed for mobile.

null 4 Dec 1, 2022
A beautiful and easy in hand blog made by Next.js Material-ui

Material-blog A beautiful and easy in hand blog made by Next.js Material-ui! Deploy your own Deploy the example using Vercel: Usage Install node_modul

Willie Xu 1 Mar 3, 2022
Next-multipart - Easy & Simple File Uploads for Next.js

Next-Multipart Next-multipart is a small utility library to ease the process of file uploads with Next.js. It uses formidable under the hood, but with

Tim Raderschad 10 Nov 11, 2022
A state management library for React, heavily inspired by vuex

Vuex - But for React! ⚛ If you know vuex, you know it's as close as we get to a perfect state management library. What if we could do this in the reac

Dana Janoskova 103 Sep 8, 2022
Mutated data-store for SolidJS, inspired by React-Redux

solid-mutant Mutated data-store for SolidJS, inspired by React-Redux. Synopsis Redux relies on immutability and referential equality to allow applicat

Lantern 4 Mar 15, 2022
Kota (city; in Indonesian) guessing game, inspired by Katla

Kotla Kota (city; in Indonesian) guessing game, inspired by Katla, wordle and worldle. How it works For those who are curious, or are looking for a wa

Jacky Efendi 57 Sep 27, 2022
🌠 just a personal card inspired by Discord's Profile

Discord Profile Card This is a personal card inspired by Discord's Profile. Shows your info and presence activities on real time. Table of contents Di

Leep? 7 Oct 21, 2022