Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aswinbarath/web-end-projects

List of all Web End Projects with pointers to the locations
https://github.com/aswinbarath/web-end-projects

bootstrap5 css3 ejs expressjs firebase html5 javascript jquery lamp-stack mern-stack nodejs pug reactjs

Last synced: about 2 hours ago
JSON representation

List of all Web End Projects with pointers to the locations

Awesome Lists containing this project

README

        

# Web End Projects


JU Query Cover Design

> "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.
>
> -- [**Kyle Simpson**, Author of *You-Dont-Know-JS*](https://github.com/getify)

---

| Full Stack Web Apps | Node JS Microservices & APIs | React JS Web Apps | Vanilla JavaScript Projects | Basic Websites with HTML & CSS |
| - | - | - | - | - |
| [JU Query (React+Firebase)](#ju-query) | [Timestamp-Microservice](#timestamp-microservice) | [Robofriends](#robofriends) | [Cool Cursor](#Cool-Cursor) | [Layout Template](#Layout-Template) |
| [Smart-brain (PERN Stack)](#smart-brain-app) | [Login-Microservice](#login-microservice) | [Tesla Landing Page](#tesla-landing-page) | [Signup Page](#Signup-Page) | [Robot Friend](#Robot-friend) |
| [User management App (MERN Stack)](#) | [Tweet-stream](#tweet-stream) | [Disney plus clone](#disney-plus-clone) | [Quote Generator](#quote-generator) | [Image Portfolio](#Image-Portfolio) |
| [SQL Injection and Prevention (LAMP Stack)](#sql-injection-and-prevention) | [](#) | [](#) | [Picture in Picture App](#picture-in-picture-app) | [Book-Information-2.0](#Book-Information-2.0) |
| [Event Timeline](#event-timeline) | [](#) | [](#) | [Infinite Scroll](#infinite-scroll) | [Book-Information](#Book-Information) |
| [Clothing e-Commerce App (MERN Stack)](#clothing-e-commerce-app) | [](#) | [](#) | [Photo Sharing App](#photo-sharing-app) | [](#) |
| [Blogfolio Website](#blogfolio-website) | [](#) | [](#) | [Joke Teller App](#joke-teller-app) | [](#) |
| [](#) | [](#) | [](#) | [Authentication Boilerplate](#authentication-boilerplate) | [](#) |
| [](#) | [](#) | [](#) | [To Do With Auth](#to-do-with-auth) | [](#) |
| [](#) | [](#) | [](#) | [Calendar Project](#calendar-project) | [](#) |
| [](#) | [](#) | [](#) | [Background Generator](#background-generator) | [](#) |
| [](#) | [](#) | [](#) | [Dynamic Chat App](#dynamic-chat-app) | [](#) |
| [](#) | [](#) | [](#) | [](#) | [](#) |
| [](#) | [](#) | [](#) | [](#) | [](#) |

---

## Full Stack Web Apps

### JU Query

| [Github Repository](https://github.com/AswinBarath/ju-query) | [Deployed Link](https://ju-query.web.app/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

JU Query Project Cover Design

|

JU Query Project Demo

|

---

### Smart Brain App

| [Github Repository](https://github.com/AswinBarath/Smart-brain-app) | [Deployed Link](https://smart-brain-26.herokuapp.com/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Smart Brain App Cover Design

|

Smart Brain App Demo

|

---

### User management App

| [Github Repository](https://github.com/AswinBarath/User-Management-Web-App) | [Deployed Link]() |
| --- | --- |
| Project Cover Design | Project Demo |
|

User Mangement Cover Design

|

User Management Demo

|

---

### SQL Injection and Prevention

| [Github Repository](https://github.com/AswinBarath/sql-injection-and-prevention) | [Deployed Link](https://sql-injection-and-prevention.herokuapp.com/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

SQL Injection and Prevention Project Cover Design

|

SQL Injection and Prevention Project Demo

|

---

### Event Timeline

| [Github Repository](https://github.com/AswinBarath/Event-Timeline) | [Deployed Link](https://event-timeline.ashwin26.repl.co/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Event Timeline Cover Design

|

Event Timeline Demo

|

---

### Clothing e-Commerce App

| [Github Repository](https://github.com/AswinBarath/Clothing-e-Commerce) | [Deployed Link]() |
| --- | --- |
| Project Cover Design | Project Demo |
|

Clothing e-Commerce App Cover Design

|

Clothing e-Commerce App Demo

|

---

### Blogfolio Website

| [Github Repository](https://github.com/AswinBarath/aswinbarath.github.io) | [Deployed Link](https://aswinbarath.github.io/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Blogfolio Website Cover Design

|

Blogfolio Website Demo

|

---
---

## Node JS Microservices & APIs

### Tweet Stream

| [Github Repository](https://github.com/AswinBarath/Tweet-stream) | [Deployed Link]() |
| --- | --- |
| Project Cover Design | Project Demo |
|

Tweet Stream Cover Design

|

Tweet Stream Demo

|

---

### Timestamp Microservice

| [Github Repository](https://github.com/AswinBarath/Timestamp-Microservice) | [Deployed Link](https://timestamp-microservice-nodeapi.herokuapp.com/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Timestamp Microservice Cover Design

|

Timestamp Microservice Demo

|

---

### Login Microservice

| [Github Repository](https://github.com/AswinBarath/Login-Microservice) | [Deployed Link](https://login-microservice-fcc.herokuapp.com/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Login-Microservice Cover Design

|

Login Microservice Demo

|

---
---

## React JS Web Apps

### Robofriends

| [Github Repository](https://github.com/AswinBarath/Robofriends) | [Deployed Link](https://aswinbarath.github.io/robofriends/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Robofriends Cover Design

|

Robofriends Demo

|

---

### Tesla Landing Page

| [Github Repository](https://github.com/AswinBarath/Tesla-clone) | [Deployed Link](https://tesla-clone-app.herokuapp.com/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Tesla Landing Page Cover Design

|

|

---

### Disney plus clone

| [Github Repository](https://github.com/AswinBarath/Disney-plus-clone) | [Deployed Link]() |
| --- | --- |

---

---
---

## Vanilla JavaScript Projects

### Dynamic Chat App

| [Github Repository](https://github.com/AswinBarath/Dynamic-chat-app) | [Deployed Link](https://dynamic-chat-app.web.app/) |
| --- | --- |

---

### To Do With Auth

| [Github Repository](https://github.com/AswinBarath/to-do-with-auth) | [Deployed Link]() |
| --- | --- |

---

### Authentication Boilerplate

| [Github Repository](https://github.com/AswinBarath/authentication-boilerplate) | [Deployed Link]() |
| --- | --- |

---

### Photo Sharing App

| [Github Repository](https://github.com/AswinBarath/photo-sharing-app) | [Deployed Link](https://photo-sharing-app-1dd43.web.app/) |
| --- | --- |

---

### Joke Teller App

| [Github Repository](https://github.com/AswinBarath/Joke-teller) | [Deployed Link](https://aswinbarath.github.io/Joke-teller/) |
| --- | --- |

---

### Infinite Scroll

| [Github Repository](https://github.com/AswinBarath/infinte-scroll) | [Deployed Link](https://aswinbarath.github.io/infinte-scroll/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Infinite Scroll Cover Design

|

Infinite Scroll Demo

|

---

### Picture in Picture App

| [Github Repository](https://github.com/AswinBarath/Picture-in-Picture) | [Deployed Link](https://aswinbarath.github.io/Picture-in-Picture/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Picture in Picture App Cover Design

|

Picture in Picture App Demo

|

---

### Quote Generator

| [Github Repository](https://github.com/AswinBarath/quote-generator) | [Deployed Link](https://aswinbarath.github.io/quote-generator/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Quote Generator Cover Design

|

Quote Generator Demo

|

---

### Cool Cursor

| [Github Repository](https://github.com/AswinBarath/Cool-cursor) | [Deployed Link](https://aswinbarath.github.io/Cool-cursor/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Cool Cursor

|

Cool Cursor

|

---

### Signup Page

| [Github Repository](https://github.com/AswinBarath/Sign-up-page) | [Deployed Link](https://aswinbarath.github.io/Sign-up-page/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Signup Page

|

Signup Page

|

---

### Background Generator

| [Github Repository](https://github.com/AswinBarath/Background-generator) | [Deployed Link](https://aswinbarath.github.io/Background-generator/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Background Generator Project Cover Design

|

Background Generator Demo

|

---

### Calendar Project

| [Github Repository](https://github.com/AswinBarath/calendar-project) | [Deployed Link](https://aswinbarath.github.io/calendar-project/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Calendar Cover Design

|

Calendar Project Demo

|

---

---
---

## Basic Websites with HTML & CSS

### Layout Template

| [Github Repository](https://github.com/AswinBarath/Layout-template) | [Deployed Link](https://aswinbarath.github.io/Layout-template/) |
| --- | --- |
| Project Cover Design | Project Demo |
|


Layout Template

|

Layout Template

|

---

### Robot Friend

| [Github Repository](https://github.com/AswinBarath/robot-friend) | [Deployed Link](https://aswinbarath.github.io/robot-friend/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Robot Friend

|

Robot Friend

|

---

### Image Portfolio

| [Github Repository](https://github.com/AswinBarath/Image-portfolio) | [Deployed Link](https://aswinbarath.github.io/Image-portfolio/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Image Portfolio

|

Image Portfolio

|

---

### Book-Information-2.0

| [Github Repository](https://github.com/AswinBarath/Book-Information-2.0) | [Deployed Link](https://aswinbarath.github.io/Book-Information-2.0/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Book-Information 2

|

Book-Information 2

|

---

### Book-Information

| [Github Repository](https://github.com/AswinBarath/Book-Information) | [Deployed Link](https://aswinbarath.github.io/Book-Information/) |
| --- | --- |
| Project Cover Design | Project Demo |
|

Book-Information

|

Book-Information

|

---
---