Instawrite.ai is a web-based platform designed to assist writers in generating creative content efficiently. By leveraging artificial intelligence and natural language processing technologies, Instawrite.ai aims to streamline the writing process, providing users with tools to spark inspiration, overcome writer's block, and generate high-quality content across various genres and formats.

Requirement of the client

Client wants to have a clone of Jasper.ai. The aim is to provide the AI copywriter using GPT-3 and OpenAI libraries. Client hires me as a Full-Stack Developer and the AI developer provides me the APIs which handles the request from different AI tools.

Client also emphasis on three things

Responsive designs

Stripe Payment Gateway

Team Functionality

Client provides the web designs in Figma.

Development

I have developed the Frontend using Next.js and Ant-Design. I have used Styled-Component library to customized the components according to the Figma.

I have used Next.js version 13, app Router. Used their builtin features to navigate the pages and used advance features such as Layout, middleware and etc.

QA Testing

I created and use Unit tests, beginning with code creation, for functionality checking. I use manual testing and auto-testing. Manual testing includes functional tests and acceptance tests. Auto-testing includes load testing (we use JMeter & Yandex Tank) and auto-testing of functionality based on cases written for Selenium & Cypress.

Firebase

Firebase was used in the creation of this app.

Firestore, a data collection to store complex variety of users, team, admin and managers data.

Cloud-Functions written in Node.js, using Express.js Framework is used to generate Restful APIs for stripe.js and to handle the trigger of data collections.

Firebase Authentication on Email/Password and Google auth is being used to fasten the signing process.

Storage is being used to store the images from the results of OpenAI- Image generation process.

Firebase Hosting is used to deploy the Dev and Production enviorment

Stripe

Stripe is being used as a payment gateway.

I have used Stripe extensions of Firebase. This help us to sync the data between the stripe and Firebase.

I managed Stripe subscriptions, customer portal using their pre-builtin pages.

Create Stripe customer during the signing process.