Stack-Newbie / UI

UI for the online QA platform, Stack Newbie

Stack Newbie(Stack Overflow Clone)

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. 

Preview

Figma Design Previews

Project description

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.

Angular

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.

Node JS

For:

• Authentication
• Validation
• Database interaction
• Password hashing

MSSQL

More info:

App

This project was generated with Angular CLI version 16.0.0.

Development server

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.

Code scaffolding

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.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.