https://github.com/lindotex/landing_pae

Copy of brazilian Slack website.
https://github.com/lindotex/landing_pae

javascript nodejs react tailwindcss

Last synced: about 6 hours ago
JSON representation

Copy of brazilian Slack website.

• Host: GitHub
• URL: https://github.com/lindotex/landing_pae
• Owner: lindotex
• Created: 2024-03-10T18:57:44.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-11-13T19:44:38.000Z (3 months ago)
• Last Synced: 2024-11-13T20:32:11.919Z (3 months ago)
• Topics: javascript, nodejs, react, tailwindcss
• Language: JavaScript
• Homepage: https://landing-pae.vercel.app
• Size: 4.88 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

## Slack website clone exercise

This is a Brazilian Slack website clone.

The purpose of this clone is to enhance my new skills of using React and Tailwind.

In this website I tried my best to make this clone without seeing any of its original code and guessing about its properties.

## Pre-requisites 

    - NPM 

    - NODEjs 

    A full tutorial can be found 

    https://radixweb.com/blog/installing-npm-and-nodejs-on-windows-and-mac

## How to run:

    - fork your copy, and open at your preferable IDE.

    - run the "npm install" on your terminal in order to install all the dependencies needed

    - run the "npm run dev" to open a localhost.

  

## Checklist of main mechanics that I wished to achieve:

    [x] :: Learn how to work with NEXT.js (Folders Routing);

    [x] :: Learn how to work with JEST.js (Unitary tests);

    [x] :: Learn and get used to TailwindCSS Library;

    [x] :: Work with Translatable webpages using lang libraries (JSON);

    [x] :: Work with React to get used to Components and Hooks.

### Stack that I'd used:

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

below, some examples of the Portuguese and English version of the website.