Code Monkey home page Code Monkey logo

image-alchemy's Introduction

Image Alchemy

Setting up the project locally

  1. To setup the project locally, clone the repo and install the dependencies using the following command :
npm install
#or
yarn install
#or
pnpm install
  1. To run the development server, run the following command in your terminal :
npm run dev
#or
yarn dev
#or
pnpm run dev

The project should be up and running at : http://localhost:3000

What I learned while working on this project?

  1. Creating svg for the app using AI(ChatGPT and DALL•E) and a proper folder structure.
  2. Creating navbars specific to mobile and desktop views
  3. Using ShadCn UI library and it's button and sheet components
  4. Caching mongodb connections to optimize the performance as the Next.js app runs in a serverless enviroment, i.e., at EDGE runtime.
  5. Creating transaction model and handle transactions.
  6. Creating error handlers to handle different type of errors.
  7. Server actions for handling database queries and form submissions, like user actions.
  8. Webhooks(using Clerk) to create/update/delete/read users from and to our database.
  9. Declaring types in a separate 'types' folder which contains index.d.ts file making the types to be available globally.
  10. Ngrok and webhook testing on local machine.

Features:

image-alchemy's People

Contributors

rajneesh069 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.