Hello, World!
In this post, I will be sharing my collection of Web End Projects that I've built over the years.
You also can check out my GitHub Repository: AswinBarath/Web-End-Projects
TL;DR
- (short for too long; didn't read)
"Web-End" tries to unify "Front-End" and "Back-End" in a better and more focused way than "Full Stack" does,
because it keeps the focus more squarely on what's web experience related.
- Web-end means you deal with anything web related, whether that be in the browser or on the server.
- So building web-consumed APIs (REST, GraphQL) is web-end. Writing React code is web-end.
- Writing libraries or frameworks (for Node or the browser) is web-end.
- Optimizing performance or monitoring security for web apps is web-end.
- Even managing containers for web app deployments is web-end.
| Full Stack Web Apps | Node JS Microservices & APIs | React JS Web Apps | Vanilla JavaScript Projects | Basic Websites with HTML & CSS |
|---|---|---|---|---|
| JU Query (React+Firebase) | Timestamp-Microservice | Robofriends | Cool Cursor | Layout Template |
| Smart-brain (PERN Stack) | Login-Microservice | Tesla Landing Page | Signup Page | Robot Friend |
| User management App (MERN Stack) | Tweet-stream | Disney plus clone | Quote Generator | Image Portfolio |
| SQL Injection and Prevention (LAMP Stack) | Picture in Picture App | Book-Information-2.0 | ||
| Event Timeline | Infinite Scroll | Book-Information | ||
| Clothing e-Commerce App (MERN Stack) | Photo Sharing App | |||
| Blogfolio Website | Joke Teller App | |||
| Authentication Boilerplate | ||||
| To Do With Auth | ||||
| Calendar Project | ||||
| Background Generator | ||||
| Dynamic Chat App | ||||
Full Stack Web Apps
JU Query
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
 |
Smart Brain App
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
User management App (under development)
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
SQL Injection and Prevention
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Event Timeline
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Clothing e-Commerce App (under development)
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Blogfolio Website
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Node JS Microservices & APIs
Tweet Stream (under development)
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Timestamp Microservice
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Login Microservice
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
React JS Web Apps
Robofriends
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Tesla Landing Page
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Disney plus clone (under development)
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
Vanilla JavaScript Projects
Dynamic Chat App
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
To Do With Auth
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
Authentication Boilerplate
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
Photo Sharing App
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
Joke Teller App
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
|
Infinite Scroll
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Picture in Picture App
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Quote Generator
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Cool Cursor
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
|
Signup Page
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
|
Background Generator
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Calendar Project
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
Basic Websites with HTML & CSS
Layout Template
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
|
Robot Friend
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
|
Image Portfolio
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
|
Book-Information-2.0
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
 |
Book-Information
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
 |
Note: Few of these projects are under development
Who Am I?
I’m Aswin Barath, a Software Engineering Nerd who loves building Web Applications, now sharing my knowledge through Blogging during the busy time of my freelancing work life. Here’s the link to all of my socials categorized by platforms under one place: https://linktr.ee/AswinBarath
Thank you so much for reading my blog🙂.
Top comments (2)
Nice list. Which one was your personal favourite, and which one was the hardest for you?:)
Thank you.
My personal favourite was the hardest one to build, which is JU Query.
I built the JU Query web app so that my college students can use it like Quora.
Here's the detailed breakdown of the project: dev.to/aswin2001barath/ju-query-we...
Stay tuned for more project breakdowns and new projects I'm going to build 😇