

Noutes V2 is a TypeScript social app using React, Appwrite, and Tailwind. Features include auth, dynamic posts, responsive UI, and form validation.
by Chris Chen Aug 2024 to Aug 2024Noutes Social Media App V2 is a fully responsive, modern web application built using ReactJS, TypeScript, and Vite. It leverages a powerful tech stack including Appwrite for backend services, TailwindCSS and Shadcn for sleek UI components, and Zod for form validation. The app features a clean and dynamic user interface, allowing users to create accounts, log in, and interact with content in real time. The primary goal of this version was to improve upon the original Noutes app by implementing scalable and maintainable code using modern web development practices. With the integration of TanStack for data fetching and caching, the app ensures smooth performance and real-time updates. Users can create and manage posts, while components are structured with reusable logic and optimized state management using React hooks like useState and useEffect. Deployed via Vercel for global performance, Noutes V2 also demonstrates strong design practices with mobile-first responsiveness and lazy-loaded media. This version lays the groundwork for future enhancements such as messaging, comments, and notification systems, while serving as a demonstration of full-stack app design using modern tools.