Stack Newbie is a platform designed to connect developers worldwide.
It provides a space for individuals to ask and answer questions, share knowledge
and collaborate on coding challenges. With a user-friendly interface and a robust
tagging system, users can easily search for relevant topics, find solutions to their
programming queries, and engage in discussions with fellow experts. Whether you're a
beginner seeking guidance or a seasoned pro looking to contribute, Stack Newbie is your
go-to destination for all things code-related.
Figma Design Previews
Project: Stack Newbie a.k.a Stack Overflow Lite
User
- Users can create an account and log in.
- Users can post questions.
- Users can delete the questions they post.
- Users can post answers.
- Users can view the answers to questions.
- User can update a question.
- Users can accept an answer out of all the answers to his/her question as the preferred answer.
- Users can upvote or downvote an answer.
- Users can comment on an answer.
- Users can fetch all questions he/she has ever asked on the platform
- Users can filter questions based on tags e.g. (#javascript), unanswered and answered questions
- Users can search for questions on the platform
- Users can view questions with the most answers.
- User can update his/her profile .
Admin The admin can delete Questions and Users.
Background Services A welcome email is sent when a user signs up.
Tools used:
- NgRX for state management
- Both template driven forms and Reactive forms.
- Custom pipes as well ass custom directives .
- For Errors/Success messages, Dynamic Components
- Stand-alone components (no modules)
- Lazy-loading.
- Guards
- Input validation.
- Responsive CSS.
For:
- Authentication
- Validation
- Database interaction
- Password hashing
This project was generated with Angular CLI version 16.0.0.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The application will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.