This repository store the source code of a chat application built in NextJS.

Overview

Aluracord MKRoom

This repository store the source code of a chat application built in NextJS. The code was built in alura's React event, and here I styled the code to make it unique and creative! Basically the application uses @skyneui/components to build a beautiful interface, react-tilt, that's a lib to use Vanilla-tilt effect, and lodash so that the application can wait while the user typing the input data, and just after he stop, the code runs (This technique avoid the application make request every time without necessity)


Status

🚧 ... Developing ... 🚧

Preview

Login Page


Chat Without Messages


Chat With Messages


Loading Page

Requirements

To use the application you need the Node and the yarn(optinally) installed in you computer, because through that we'll use npm or yarn to install the dependencies and run the application locally. But if you want just test the actual version, you can access the applicatio by visiting this link. It was deploied in vercel plataform

How to Use ?

To use you need to install all dependencies by using yarn or node. To do that, runs the follows commands with yarn or npm

  # Install the dependencies
  yarn

  # Runs the aplication in development environment
  yarn dev

OR

  # Install the dependencies
  npm install

  # Runs the aplication in development environment
  npm run dev

Technologies

Author

Victor

Victor Hugo 🚀

📝 LICENSE

This project is under the MIT license MIT.

Made with dedication by VictorSilva15

You might also like...

An open source application to create, manage and embed contact forms on static/dynamic sites with no code

An open source application to create, manage and embed contact forms on static/dynamic sites with no code

Formify is an open source application that lets you create, manage and embed contact forms on any site without writing code. This project is done as a

Dec 26, 2022

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website

Restaurant Landing Page Live Site Stay up to date with new projects New major projects coming soon, subscribe to the mailing list to stay up to date h

Jan 4, 2023

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Jun 5, 2022

Chat with an AI that's powered by GPT-j. Talk with it, set parameters, ask questions, and twist words

AI Chat - Open Source | Powered by GPT-j with 6 billion neurons Chat with an AI that's powered by GPT-j. Talk with it, set parameters, ask questions,

Dec 29, 2022

A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere

A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere

@yomo/react-cursor-chat 🧬 Introduction A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real

Nov 17, 2022

Um chat em Next.js usando os principais recursos do Firebase

Um chat em Next.js usando os principais recursos do Firebase

Apr 25, 2022

This is an online dialog with realtime chat, voice and face to face.

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

Jun 7, 2022

O Aluracord é um clone personalizado do discord com chat em tempo real.

O Aluracord é um clone personalizado do discord com chat em tempo real.

Aluracord O Aluracord é um clone personalizado do Discord durante a Imersão React da Alura. Desde o início da imersão meu objetivo era ir além dela, e

Dec 15, 2022

A Higher Order Component using react-redux to keep form state in a Redux store

A Higher Order Component using react-redux to keep form state in a Redux store

redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux

Jan 3, 2023
Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 14% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /public/images/defaultUser.png | 42.87kb | 30.75kb | 28.27% | | /public/assets/tabIcon.png | 459.56kb | 391.14kb | 14.89% | | /.github/loginPage.png | 1,556.07kb | 1,345.91kb | 13.51% | | /.github/chatWithoutMessages.png | 357.92kb | 311.26kb | 13.04% | | /.github/chatWithMessages.png | 544.12kb | 473.54kb | 12.97% | | /.github/loadingPage.png | 17.81kb | 15.87kb | 10.86% | | | | | | | Total : | 2,978.35kb | 2,568.48kb | 13.76% |


    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 1
Owner
Victor Silva
I am a High School/Technical student, I'm currently improving my front-end programming skills to become a great developer.
Victor Silva
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Chat Loop Chat Loop is a highly scalable, low cost and high performant chat application built on AWS and React leveraging GraphQL subscriptions for re

Smile Gupta 24 Jun 20, 2022
A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

Supuni Eleesha Randeniya 1 Dec 15, 2022
Shopify app using NextJS. No custom NextJS server needed.

Shopify NextJS App Example An example app built with NextJS that can be setup and deployed to production in seconds on Vercel. All the glory goes back

reda 35 Nov 29, 2022
Chat application with express.js and ejs template engine

Full Stack Chat Applicaton project with Node Express.js MongoDB & EJS Template Engine - Tutorial Series Youtube Tutorial link You can get the complete

Learn with Sumit 75 Dec 28, 2022
The chat app built with microservice architecture, the app using: Lerna, pm2, GraphQL

Microservice Chat App A microservice app! Built With Lerna pm2 Graphql Sequelize Socket.io About The Project Here's why: I want learn socket.io and mi

A.Samet Palitci 26 Aug 27, 2022
A Vault Treasure application where you can store your Pending, Paid and Draft Transactions

A Vault Treasure application where you can store your Pending, Paid and Draft Transactions. Easy to Manage and Track your valuable treasures with user-friendly UI and simplicity

Hariket Sukeshkumar Sheth 1 Jan 22, 2022
An e-commerce web application for Taytay Thrift Market with store-owner Inventory system.

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

Aj Candelaria 5 Apr 30, 2022
Official website for the Open source community of DCRUST written in NextJS.

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://

null 2 Apr 9, 2022
A portfolio built in React and NextJS. Simple, clean, and fast.

Personal Portfolio A portfolio built in React and NextJS. Simple, clean and fast. Note: The logo and banner used in the project are my intellectual pr

Vipul Jha 98 Jan 2, 2023
Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

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

Basudev 0 Feb 7, 2022