Eshwar Tangirala

Synced

This is my main full stack application that I work on the most, built over many months.

Synced is an all-in-one workout and productivity application designed for athletes and teams. Users can establish group chats to coordinate games and workouts, log their training sessions in a calendar, and plan various sport-related activities, including games, practices, events, and meetings. Additionally, the application offers a visual dashboard to monitor progressive overload, workout intensity, and consistency.

Key Technologies Used:

Nextjs, Typescript, React, Prisma, Mongodb, Tailwind CSS, FullCalenderjs, Pusher.io, Shadcn/ui, Tremor

Core features (MVP)

Full Workout log, consisting of charts tracking progressive overload, workout tracking calender for different days. Each exercise their completed will have its own chart of the respective weight over time.
Calendars, and team workspace calendars. Users have their own personal calendar to track their own events related to their sport, and users can also create team calendars and coordinate games and events with their team.
Fully fledged messaging system. Users can direct message their friends, or create group chats with their teams and schedule games, events, practices, or hangouts. Moderators of groups can invite new users and boot existing users.
Users have their own dashboard tracking how many days they worked out each month, and how many workout exercises they completed each month.

Langflow

This app is currently under development. I plan to deploy both the front end and backend in the upcoming weeks on AWS.

Langflow is a flashcards application I made using React, Redux toolkit, Typescript, Supabase, and Django. This app has a feature called classrooms, which is whatever topic the user wants to learn more about, and each classroom has multiple sets of flashcards. The motivation for me building this app was to learn Hindi, and I ended up loving Django!

Key Technologies Used:

Typescript, React, Redux Toolkit, Django, Django Rest Framework, PostgreSQL

Core Technical Features

Used Redux Toolkit and Redux-Persist,along with Supabase for global state management of the users authentication state
Used Django Rest Framework for its powerful Model View Template architecture, allowing seamless model relations and url mapping.
Combined Django and Supabase for a self hosted PostgreSQL database, every time I make migrations in Django it is updated to Supabase
Used Redux Toolkit's RTK Query for powerful data fetching and caching, ensuring a seamless user and developer experience.

SwiftChat

SwiftChat is a fully fledged chat application, allowing group chats and direct messages, along with image upload. This app is the same chat feature in my main application 'Synced'. I worked on this app first, and then thought it would be a great idea to use it for Synced as well.

Core features

Leveraged NextJS13 modern app routing system and server-side rendering features to improve performance.
Integrated Pusher for real-time web socket communication, enabling instant updates across all users.
Utilized Cloudinary for efficient image upload, enhancing the app's multimedia capabilities.
Used Zustand, along with Prismas client provider, to seamlessly manage state in my application.

BasketballFit

This app was my capstone project at Flatiron school. It had some issues in terms of architectural design and UI, but now 'Synced' now is what this app was supposed to be.

BasketballFit is designed to help basketball players track their workouts and improve their performance. It provides a platform for personalized workout routines, insightful discussions, and a community of like-minded individuals focused on their fitness goals.

Key Technologies Used:

Typescript, React, React Context, Nestjs, Mongodb, Firebase

Key features and technologies used:

Users can manage their workout routines on a calendar, I used Nestjs and Mongodb for the backend.
The application provides visual charts for monthly workout consistency and intensity. I used Reacts Recharts for the chart library
I used Firebase's real time database for the community chat feature, along with with the Forums.
The application uses React Context API for global state management, including user data and theme settings. I used Firebase for authentication, and only allow authenticated users to interact with my Nestjs REST Api.

React Code Challenges Repo

Now, this isn't exactly a project, its just a fun little repository im working on. This repo consists of code challenges that test your React, Typescript, and CSS skills. I thought it would be great to make this open source, to prepare for interviews and practice your front end development skills. The description of the challenges are described in the README, and the files are in the /challenges folder.

Steps to start learning:

Clone the Repo.
Browse the README to see what challenges you want to work on.
Navigate to the SRC folder for you to start coding!