csdojo-defaang / defaang Goto Github PK
View Code? Open in Web Editor NEWA website that will curate recently-asked interview questions from FAANG+. Currently inactive. Check out: https://github.com/ykdojo/OpenStream
License: MIT License
A website that will curate recently-asked interview questions from FAANG+. Currently inactive. Check out: https://github.com/ykdojo/OpenStream
License: MIT License
Now that we have #28 merged, I think it'll make sense soon to document how to deploy it to Vercel.
Refer to the official GitHub's docs
let's keep the instructions for running the frontend simple, so keep npm instructions only.
No response
Setting up the project on a local machine is never fun. So I recently learned about GitPod, a pretty great service that allows us to work and contribute to projects directly from the browser.
Therefore, I want to include the GitPod button in this project.
Quoting myself from #10:
The first step is the signup flow as I mentioned at #14, and then after that, maybe a submission box? We can store them privately for now (probably in Supabase or Firebase), and once we have a few, we can make a view for showing those questions.
This should be possible to implement as we have #33 and #34 implemented already.
@rohitdasu created documentation on how to set up the local env in #28.
Another person should make sure that it works.
I'll do it when I get the chance, but if anyone else wants to take it before I get to it, feel free to do so.
The first step in terms of dev/coding for this project is, I think, the signup/login view.
Signing up will be useful in case people want to associate their submission with their email address. In my opinion, it's important for people to have that option so that if the submission is not complete, we can go back and forth to make sure it's in a good enough state for us to feature on the website.
I think we lost a link to the project board - so we should add it back.
Also, we should link to the discussions page when we mention discussions, and the issues page when we mention issues.
When a user signs up at /signup, confirming the email is required. I think we should make that clear.
Also, we should probably add some info about how to find the signup page (/signup) and the signin page (/signin) either on the site itself or in README.
I think the doc can be improve in many ways.
#1
or #2
cd <project-directory>
to remove any confusionFor reference here's how tailwindcss.com does it.
It's simple & to the point. Any feedback is welcome.
From Contributing.md:
There are three categories of issues on the defaang GitHub issue tracker:
I don't think we use these labels yet - so we should probably remove this section until/unless we do.
Here is the UX wireframe for the website, if ready to got with it will be issuing an UI too.
https://excalidraw.com/#json=R6Dr_C1S9JMKNl1lKVdkZ,5Cpg-gVKd0mzRfLXUfz9aA
Why already worrying about frameworks? Why not just go vanilla and build up from there? ๐ฆ
Update the landing page/home page to look better and change the title from "Defaang" to "defaang"
We are not live yet, but it's a good idea to add Hotjar script that will help analyse our apps performance and get feedbacks when we get to Beta or similar kind of stage.
Would love to know your suggestion.
Mods (once we have them) should be able to approve questions so that they can be shown on the UI.
Showing questions without approving them first, at least at the beginning, is probably a bad idea because we'll have low quality submissions, spams, etc.
Assuming we go with Supabase, we should make a connection to it from our frontend, and document how to set up a SB account/database with it.
For the initial version, we could have something really simple, maybe like a counter? As in, you click a button and the number increases by one, or something like that.
Alternatively, we can set up a user signup/login form as in #14.
An initial rough sketch of what the questions page of the website may look like. Attached is the initial rough sketch. I have numbered the boxes so I can provide more clarity regarding the functionality of each box and their purpose of why I have them included.
As we have started coding, we should use semantic commits. It helps a lot to reviewers who reviews the code, as well as the developer. It builds a good habit which makes us a better developer.
Ref: https://gist.github.com/joshbuchea/6f47e86d2510bce28f8e7f42ae84c716
No response
I noticed almost all new issues don't have screenshots attached to them.
So we should probably remove the screenshot section from the new issue template so it doesn't clutter the new issues being created.
This is probably a good place to start since we don't have any code in this repo yet.
We can probably use this: https://github.com/vercel/next.js/tree/4d4f3093019179b1928ec07c16f38882241c0375/examples/with-tailwindcss
This is the backend portion of #59.
The root directory has many dotfiles and config files, and it's not a very pleasant experience.
We should clean up some of them so it's easier to get started contributing to this repo.
The dependencies are little behind the latest and we should use a specific version instead of "next": "latest",
in package.json
I think we should decide the color palette for the website, so that people who working on UI make UI using those colors.
Also if we have fixed color palette then different different people who are working on UI won't come with the own color palettes.
So let's asks contributors to come up with their own color palette and decide one good color palette out of it.
Well there are many tools available to generate color palette for the website. We can also use them
What are your thoughts on this @ykdojo or do you have any preferred color scheme to move forward?
Hello,
How will we validate that submitted questions are being asked in the interview or an anonymous user has just posted random questions?
Refer to the GitHub's official docs
Can I start working on the authentication part of the sign-in and sign-up page and what are the platforms we will allow the user to authenticate themselves?
I think as we are using the next js we should use the next auth for the authentication parts. I think it will be easy and maintainable if we use it. Let me know what you think about it.
The current PR template has this checklist:
Check List (Check all the applicable boxes)
Shouldn't all of these be pretty obvious without explicitly asking the contributors to check them?
Plus, we don't have a code style defined for this project yet.
Hey everyone!
I was asked to create a discord server for this project... so I did!
I made an announcement in the discussions tab here: #15
Feel free to use the discussions tab and/or the discord to chat about and discuss this project!
We're most likely going to start using Tailwind UI for this project.
So we should rewrite the signup/singin view with maybe this one.
Try to add a contriubting.md file explaining all the contributing guidelines.
We should generate a username when a user signs up, and we should have an option for them to change it.
Assuming we have #59, we should be able to show the questions on the UI.
Hi ykdogo, looking forward to work along you...
How about moving the installation instructions from README.md
into a file like INSTALL.md
?
This would allow README.md
to be much more concise -- a project description, table of contents, and highly relevant links (Discord, etc.)
DX = developer experience
Who can submit the question?
How to check the credibility of the submitter?
are there is any system to validate the questions?
Problem: Right now every pull request tries to get deployed to production by vercel, but we don't want this
Solution: create a Github action to automate deployment only if the pull request has been merged
Related Discussion:The Vercel bot started acting out and keeps asking me to authorize some stuff:
We should probably contact them and ask them what's going on, or I'll look into it some more.
Is this a brand new web application or do you guys implement something into cause when I cloned it . I am seeing a clean project with default screen.. I am new to open source and want to contribute.
No response
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.