GithubHelp home page GithubHelp logo

mahmudhmh / next-notey Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 15.32 MB

This is a simple Notes App built using Next.js 13 and TypeScript for the frontend, and Pocketbase for the backend.

License: MIT License

CSS 73.27% TypeScript 25.69% JavaScript 1.04%
datafetching next-router nextjs13 pocketbase reactjs servercomponent sqlite tailwindcss turbopack

next-notey's Introduction

NextJS Note App

The Notes App is a user-friendly tool that helps you organize your thoughts and tasks effortlessly. It's built with the latest technologies like Next.js 13 and TypeScript for the frontend, and Pocketbase for the backend, ensuring a smooth and secure experience.

With its simple design and powerful features, including ReactJS, and Next Router, navigating through your notes is easy and intuitive. Plus, it uses advanced techniques like SQLite for data storage and retrieval, making sure you can access your notes quickly and reliably.

Overall, the Notes App is a modern solution that simplifies the way you manage your ideas and tasks, giving you more time to focus on what matters most.

Features

  • Create Notes: Users can create new notes, providing a title and content. NoteyAppSS
  • View Notes: Users can view their saved notes. viewNoteySS
  • Responsive Design: The app is designed to work seamlessly across various devices.

Technologies Used

  • Next.js 13: A React framework for building server-rendered applications.
  • TypeScript: A statically typed superset of JavaScript that enhances code quality and developer productivity.
  • Pocketbase: A backend service for storing and managing data, providing a scalable and reliable solution.
  • React: A JavaScript library for building user interfaces.
  • ESLint & Prettier: For code linting and formatting to maintain code quality and consistency.

Getting Started

  1. Clone the repository:

git clone https://github.com/mahmudhmh/next-notey

  1. Install dependencies:

cd next-notey
npm install

  1. Run the app:

npm run dev

  1. Access the app:

Visit http://localhost:3000 in your browser.

Backend Setup

The backend for this app is powered by Pocketbase. Follow the Pocketbase documentation to set up your backend and configure the necessary APIs for user authentication and CRUD operations on notes.

PocketBase Doc

License

This project is licensed under the MIT License.

In this README file, I assumed a basic understanding of Next.js, TypeScript, and Pocketbase. You might need to customize certain sections based on your specific implementation details.

next-notey's People

Contributors

mahmudhmh 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.