Writter
A very simple Twitter clone with Remix and Kontenbase. Just a demo, not meant to be 100%
Overview:
Writter is a Twitter clone built with Remix and Kontenbase. It is a demo application and not intended to be fully complete. The application is styled using Chakra UI and has features like authentication, authorization, creating and deleting Wreets (Tweets), viewing user profiles, and more. The tech stack includes React, Remix, React Router, HTML, CSS, JavaScript, and TypeScript.
Features:
- Landing page: A landing page for the application.
- Authentication/Authorization: Ability to sign up, sign in, and sign out.
- Permission of ownership: Users have ownership permission for their Wreets.
- Home with timeline of Wreets: Users can view a timeline of Wreets.
- View Wreet content page: Users can view the content of a Wreet.
- View user profile: Users can view the profile of other users.
- Create a new Wreet: Users can create new Wreets.
- Delete owned Wreet: Users can delete Wreets they own.
Summary:
Writter is a Twitter clone built with Remix and Kontenbase. It features authentication, authorization, creating and deleting Wreets, viewing user profiles, and more. The application is styled using Chakra UI and utilizes a tech stack including React, Remix, React Router, HTML, CSS, JavaScript, and TypeScript. The installation process involves setting up a new Kontenbase project, obtaining API keys, configuring services, and installing dependencies. Once set up, users can start developing and testing the application locally before deploying it.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Remix
Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.