Giter VIP home page Giter VIP logo

defaang's Introduction

defaang.io

A website that will curate recently-asked interview questions from FAANG+ to help people practice & prep!

The questions will be submitted anonymously, or at least semi-anonymously. We'll ensure that no matter who submits them, we won't reveal the usernames, emails or any other personal info unless they explicitly choose to do so.

Tech stack

Currently planning to use:

  • frontend: Next.js / React
  • CSS framework: Tailwind + Tailwind UI
  • backend: Supabase
  • hosting: Vercel

How to contribute

First, feel free to search for good first issues to tackle: https://github.com/ykdojo/defaang/labels/good%20first%20issue

Even if you're an advanced coder, feel free to take one of them.

Second, please take a look through the other issues and discussions to get a better idea about our vision, and to get inspired. If you have any idea about something you want to contribute, feel free to start an issue or discussion around that.

You can also find the project board here.

Semantic commits

Please use Semantic Commits while you commit your code changes. It helps reviewers to review the code and makes you a better coder.

feat: (adding new feature)
fix: (bug fix for the user, not a fix to a build script)
docs: (changes to the documentation)
style: (formatting, missing semi colons, etc; no production code change)
refactor: (refactoring production code, eg. renaming a variable)
test: (adding missing tests, refactoring tests; no production code change)
dx: (dev experience; anything that helps to improve developers' experience)
chore: (updating grunt tasks etc; no production code change)

Example

feat: added authentication using supabase auth

learn more about semantic commits

How to start frontend (Next.js + Tailwind CSS)

Make sure you have git and npm installed in your local machine.

The repository has a .vscode folder that contains settings.json and extensions.json. The settings.json file configures your VS Code editor to use eslint and prettier on every code save action (ctrl + s). The extension.json file contains a list of VS Code extensions, VS Code will show these extensions as suggestions in the extensions tab. After installing these extensions, auto linting and formatting should start working.

Steps:

  1. Clone this repo

    git clone https://github.com/ykdojo/defaang.git
  2. Go into the project root directory

    cd defaang
  3. Install all the dependencies

    npm install
  4. Start the application development server

    npm run dev

How to deploy the application to Vercel

  1. Ensure you have a vercel account. If not, sign up for one here.

  2. Import the project into vercel.

  3. Give vercel the nessecary permissions, deploy the projects and voila the deployment is done.

How to enable email auth in Supabase

  1. Sign up on Supabase here.

  2. Create a new Project inside Supabase

  3. Go to settings -> API and copy the Project URL and Anon/Public

  4. Paste the values in the .env.template at NEXT_PUBLIC_SUPABASE_URL for the URL and NEXT_PUBLIC_SUPABASE_ANON_KEY for the anon.

  5. Go to the SQL Editor Page inside the Supabase Dashboard

  6. Click User Management Starter and then run

  7. Change the .env.template to .env.local and all is done.

For more reference watch the Next Quickstart for Supabase

Demo

https://defaang.vercel.app/

Discord

Join us here.

Resources

You can find YK's original tweet here.

defaang's People

Contributors

adityapainuli avatar aryan-deshpande avatar dun-sin avatar ishibi avatar jonyango avatar makyfj avatar mark-omarov avatar pradumnasaraf avatar preet-sojitra avatar rohitdasu avatar sanskar-khandelwal avatar subhoghoshx avatar trowl3r avatar veganaize avatar ykdojo 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.