Giter Site home page Giter Site logo

killer2op / grabtern-frontend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from parthpathakpp1/grabtern-frontend

0.0 0.0 0.0 84.31 MB

Connecting the mentors and creating a network

Home Page: https://grabtern.com/

License: MIT License

JavaScript 57.65% CSS 39.92% HTML 2.28% SCSS 0.14% Shell 0.01%

grabtern-frontend's Introduction

Grabtern Frontend

This is the frontend repository for Grabtern, a web application built with Next.js.

Open Source Love svg1 PRs Welcome GitHub forks GitHub Repo stars GitHub contributors GitHub last commit GitHub repo size License GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests


Table of Contents
  1. Getting Started 📌
  2. Grabtern Email Feature
  3. Prettier lint Test
  4. How to contribute?
  5. Author
  6. License
  7. Our Contributors

Logo

Link to new Logo

Getting Started

How To SetUp

To get started with Grabtern Frontend, you'll need to install Node.js and npm on your machine. Then, you can clone this repository and install the dependencies:

  • Fork The Repo
you can do this by clicking on the green coloured fork button
  • Clone your forked repo
$ git clone https://github.com/your-username/grabtern-frontend.git
  • Go to directory
cd grabtern-frontend
  • Install Dependencies
npm install
  • Start LocalHost Server
npm run dev

This will start the development server on http://localhost:3000/.


  • And if server stop then

npm run build

npm start

This will start server

🧰 Tech Stack Used


Grabtern Email Feature

Our platform's email service is seamlessly integrated into various sections, enhancing communication and user interaction.

While the backend remains concealed for security, accessing emails is easy with specific credentials.

You can create an account, verify it, and also act as a mentor with verification.

This way, contributors can fully experience our platform by registering as both mentors and users.

Login to ethereal mail.com with these credentials:

"user": "[email protected]",
"password": "MjMfuHFxfjeXttjH8v"
etherealLogin.mp4

🧪 Prettier lint test and How to fix it?

Prettier is a code formatter that helps maintain consistent code style and formatting in your projects. It automatically analyzes your code and applies predefined formatting rules to ensure a standardized appearance.

Linting is the process of analyzing code for potential errors, bugs, and code style violations. It helps identify and highlight problematic code patterns, potential bugs, and adherence to coding standards.

"Prettier lint test" refers to running a linter (such as ESLint) with the Prettier plugin or rules enabled. It means checking your code for both linting errors and code formatting inconsistencies according to Prettier's rules.

To enable automatic code formatting upon saving in Visual Studio Code, you can install the Prettier extension. This extension ensures that your code is consistently formatted and adheres to the defined style guidelines. Once installed, Prettier will format your code automatically whenever you save a file.

In case you prefer not to install the Prettier extension, there are two helpful commands you can use:

  1. npx prettier --check .: This command checks your codebase for any formatting issues without making any changes. It identifies areas where the formatting may not align with the defined rules.
  2. npx prettier --write .: This command automatically fixes the formatting issues in your codebase. It applies the appropriate formatting changes to ensure consistency and adherence to the defined style guidelines. By utilizing these commands, you can easily verify the formatting of your codebase and address any inconsistencies or style violations, even without having the Prettier extension installed.

Contributing

If you'd like to contribute to Grabtern Frontend:-

  • If you have suggestions for adding or removing projects, feel free to open an issue to discuss it, or directly create a pull request after you edit the README.md file with necessary changes.
  • Please make sure you check your spelling and grammar.
  • Create individual PR for each suggestion.
  • Please also read through the Code Of Conduct before posting your first idea as well.

Creating A Pull Request

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b <new_branch_name>)
  3. Save your changes (git add .)
  4. Commit your Changes (git commit -m 'Added some AmazingFeature')
  5. Push to the Branch (git push origin <branch_name>)
  6. Open a Pull Request

✨ Thank You for Your Contribution!


License

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

Author

Anmol Agrawal

Show some ❤️ by 🌟 this awesome repository!

grabtern-frontend's People

Contributors

anmode avatar muhammadjufry avatar sayyedarib avatar isha988 avatar illaf avatar amanjain18 avatar shreyadhiman24 avatar glokta1 avatar vidip-ghosh avatar mdriyazulislam avatar maxassassins avatar nishitbaria avatar 0xabdulkhalid avatar rishuraj1 avatar coder12git avatar killer2op avatar anmol-baranwal avatar abhi03ruchi avatar archiejain28 avatar crocmons avatar riyazul555 avatar pragati-3003 avatar khjifry avatar epsa-ejya avatar shraddha761 avatar soundaryakoutharapu avatar parthpathakpp1 avatar muskandn avatar vishnu9865 avatar realanupreet avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.