"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 | ||||
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|
| Github Repository | Deployed Link |
|---|
| Github Repository | Deployed Link |
|---|
| Github Repository | Deployed Link |
|---|
| Github Repository | Deployed Link |
|---|
| Github Repository | Deployed Link |
|---|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
 |
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
| Github Repository | Deployed Link |
|---|---|
| Project Cover Design | Project Demo |
|
|
