# Plana

Plana is a full-stack event management application designed to streamline the organization and coordination of events. It offers a robust backend API and a dynamic frontend interface, providing users with an efficient platform to manage events seamlessly.

## Features

- **Event Creation and Management**: Easily create, update, and delete events with detailed information.
- **User Authentication**: Secure user registration and login functionalities.
- **Responsive Design**: Optimized for various devices, ensuring a consistent user experience.
- **Image Uploads**: Integrates with Cloudinary for efficient image storage and retrieval.

## Technologies Used

### Backend
- ![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white) **Node.js**: JavaScript runtime for building scalable network applications.
- ![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white) **Express.js**: Minimalist web framework for Node.js.
- ![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white) **TypeScript**: Typed superset of JavaScript that compiles to plain JavaScript.
- ![Prisma](https://img.shields.io/badge/Prisma-2D3748?style=for-the-badge&logo=prisma&logoColor=white) **Prisma ORM**: Next-generation ORM for Node.js and TypeScript.
- ![PostgreSQL](https://img.shields.io/badge/PostgreSQL-336791?style=for-the-badge&logo=postgresql&logoColor=white) **PostgreSQL**: Open-source object-relational database system.

### Frontend
- ![Angular](https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white) **Angular 18**: Platform for building dynamic web applications.
- ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) **Tailwind CSS**: Utility-first CSS framework for rapid UI development.

## Folder Structure

Here's an overview of the folder structure to help you understand the project organization:

```
plana/
├── backend/
│   ├── prisma/             
│   ├── src/
│   │   ├── controllers/    
│   │   ├── middlewares/     
│   │   ├── models/         
│   │   ├── routes/          
│   │   ├── services/       
│   │   ├── utils/           
│   │   └── index.ts         
│   └── package.json         
│
├── frontend/
│   ├── src/
│   │   ├── app/             
│   │   ├── assets/          
│   │   ├── components/      
│   │   ├── pages/           
│   │   ├── services/       
│   │   └── main.ts          
│   └── package.json         
│
└── README.md               
```

## Getting Started

### Prerequisites

- ![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white) **Node.js**: Ensure Node.js is installed on your machine.
- ![PostgreSQL](https://img.shields.io/badge/PostgreSQL-336791?style=for-the-badge&logo=postgresql&logoColor=white) **PostgreSQL**: Set up a PostgreSQL database.

### Installation

1. **Clone the Repository**:
   ```
   git clone https://github.com/victorpreston/plana.git
   ```

2. **Navigate to the Project Directory**:
   ```
   cd plana
   ```

3. **Install Backend Dependencies**:
   ```
   cd backend
   npm install
   ```

4. **Set Up Environment Variables**:
   Create a `.env` file in the `backend` directory with the following:
   ```env
   DATABASE_URL=your_postgresql_database_url
   CLOUDINARY_URL=your_cloudinary_url
   ```

5. **Run Database Migrations**:
   ```
   npx prisma migrate dev
   ```

6. **Start the Backend Server**:
   ```
   npm run dev
   ```

7. **Install Frontend Dependencies**:
   ```
   cd ../frontend
   npm install
   ```

8. **Start the Frontend Server**:
   ```
   npm start
   ```

## Usage

Once both servers are running, you can access the application at `http://localhost:4200`. Register or log in to manage and explore events.

## Contributing

Contributions are welcome! Fork the repository and submit a pull request with your changes.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

A full-stack event management application designed to streamline the organization and coordination of events.

Plana

# ForJobSeekers

ForJobSeeker is a comprehensive job search and application platform that helps job seekers find remote job opportunities, create and update their profiles, and track their applications. This platform streamlines the job-seeking process and provides an intuitive user experience for individuals looking for remote job opportunities.

## Features

- **Job Listings**: Browse and search for remote job opportunities.
- **Profile Management**: Create and update job seeker profiles, including personal details, skills, experience, and more.
- **Job Applications**: Apply for jobs and track the status of applications.
- **User Authentication**: Secure user registration and login.
- **Responsive Design**: Optimized for mobile, tablet, and desktop devices.

## Technologies Used

### Backend

- ![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white) **Node.js**: JavaScript runtime for building scalable network applications.
- ![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white) **Express.js**: Fast, minimalist web framework for Node.js.
- ![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white) **TypeScript**: Typed superset of JavaScript that compiles to plain JavaScript.
- ![Prisma](https://img.shields.io/badge/Prisma-2D3748?style=for-the-badge&logo=prisma&logoColor=white) **Prisma**: Modern ORM for TypeScript and Node.js.

### Frontend

- ![Angular](https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white) **Angular 18**: Framework for building client-side applications.
- ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) **Tailwind CSS**: Utility-first CSS framework for rapid UI development.

## Folder Structure

The folder structure of the ForJobSeeker project is as follows:

    
    forjobseeker/
    ├── backend/
    │   ├── src/
    │   │   ├── controllers/    # Controllers for handling requests
    │   │   ├── middlewares/    # Middleware functions
    │   │   ├── models/         # Prisma models
    │   │   ├── routes/         # Route definitions
    │   │   ├── services/       # Business logic services
    │   │   ├── utils/          # Utility functions
    │   │   └── index.ts        # Main entry point for the backend server
    │   ├── prisma/             # Prisma schema and migrations
    │   └── package.json        # Backend dependencies and scripts
    │
    ├── frontend/
    │   ├── src/
    │   │   ├── app/            # Main Angular application module
    │   │   ├── components/     # Reusable UI components
    │   │   ├── pages/          # Page-level components
    │   │   ├── services/       # Services for API calls and state management
    │   │   └── main.ts         # Main entry point for the Angular application
    │   └── package.json        # Frontend dependencies and scripts
    │
    ├── .gitignore              # Git ignore file
    ├── README.md               # Project documentation
    └── LICENSE                 # License for the project



## Getting Started

Clone the Repository:

    
    git clone https://github.com/victorpreston/forjobseeker.git

    
Navigate to the Project Directory:

    
    cd forjobseeker

    
Install Backend Dependencies:

    
    cd backend
    npm install
    
Set Up Environment Variables:

Create a `.env` file in the backend directory with the following content:

    
Run the Backend Server:

    
    npm run dev
    
Navigate to the Frontend Directory:

    
    cd ../frontend
Install Frontend Dependencies:

    
    npm install
    
Start the Frontend Server:

    
    npm start
    
### Usage
Once both the backend and frontend servers are running, access the application at http://localhost:4200 to browse job listings, manage your profile, and apply for jobs.

### Contributing
Contributions are welcome! Please follow these steps if you'd like to contribute to the ForJobSeeker project:

1. Fork the repository.
2. Create a new branch `(git checkout -b feature-branch).`
3. Make your changes and commit them `(git commit -m 'Add new feature')`.
4. Push to the branch `(git push origin feature-branch)`.
5. Open a pull request.



A comprehensive job search and application platform that helps job seekers find remote job opportunities.

forjobseeker

Notely is an open-source note-taking application designed to provide users with a seamless and efficient platform for managing their notes. Built with modern web technologies, Notely ensures a responsive and user-friendly experience across various devices.

## Features

- **User Authentication**: Secure user registration and login functionalities to protect your notes.
- **Rich Text Editing**: Create and format notes with a user-friendly rich text editor.
- **Tagging System**: Organize notes using tags for easy categorization and retrieval.
- **Search Functionality**: Quickly search through notes to find specific information.
- **Responsive Design**: Optimized for desktops, tablets, and mobile devices.

## Technologies Used


- ![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=white) **Next.js 14**: A React framework for server-rendered applications.
- ![Kinde](https://img.shields.io/badge/Kinde-000000?style=for-the-badge&logoColor=white) **Kinde**: Authentication and user management platform.
- ![Prisma](https://img.shields.io/badge/Prisma-2D3748?style=for-the-badge&logo=prisma&logoColor=white) **Prisma**: Next-generation ORM for database interactions.
- ![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white) **Supabase**: Open-source Firebase alternative for real-time databases.
- ![Shadcn UI](https://img.shields.io/badge/Shadcn_UI-000000?style=for-the-badge&logoColor=white) **Shadcn UI**: Component library for building user interfaces.
- ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) **Tailwind CSS**: Utility-first CSS framework for rapid UI development.

## Getting Started

### Prerequisites

- ![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white) **Node.js**: Ensure Node.js is installed on your machine.
- ![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white) **Supabase Account**: Set up a Supabase account for database services.
- ![Kinde](https://img.shields.io/badge/Kinde-000000?style=for-the-badge&logoColor=white) **Kinde Account**: Set up a Kinde account for authentication services.

### Installation

1. **Clone the Repository**:

   ```
   git clone https://github.com/victorpreston/Notely.git

2. Navigate to the Project Directory:

    ```
    cd Notely


3. Install Dependencies:

    ```
    npm install


5. Set Up Environment Variables:

Create a `.env` file in the root directory with the following content:

    ```
    NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
    NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
    KINDER_CLIENT_ID=your_kinde_client_id
    KINDER_CLIENT_SECRET=your_kinde_client_secret

Run the Development Server:

    ```
    npm run dev
The application will be available at http://localhost:3000.

Folder Structure
The project's folder structure is organized as follows:

    ```
    Notely/
    ├── app/
    │   ├── components/
    │   ├── pages/
    │   └── styles/
    ├── lib/
    ├── prisma/
    ├── public/
    ├── .eslintrc.json
    ├── .gitignore
    ├── README.md
    ├── next.config.mjs
    ├── package.json
    ├── postcss.config.js
    ├── tailwind.config.ts
    └── tsconfig.json
    app/: Contains the main application components, pages, and styles.
    lib/: Utility functions and libraries.
    prisma/: Prisma schema and migrations.
    public/: Static assets like images and fonts.
    
### Configuration Files: ESLint, Tailwind CSS, TypeScript, and Next.js configurations.

Notely is an open-source note-taking application designed to provide users with a platform for managing their notes

Notely

Free Unlimited File Converter
Unleash your creativity with Convertall – the ultimate online tool for unlimited and free multimedia conversion. Transform images, audio, and videos effortlessly, without restrictions. Start converting now and elevate your content like never before!
    



Features

- 🖼️ Image Conversion
- 🎵 Audio Transformation
- 🎥 Video Metamorphosis
- 💡 User-Friendly Interface

Tech Stack

- Next.js
- TypeScript
- TailwindCSS
- Shadcn + NextUI
- ffmpeg
- webassembly

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```
  git clone https://github.com/victorpreston/convertall.git
  cd convertall
```

**Installation**

Install the project dependencies using npm:

```
  npm install
```

Replace the placeholder values with your actual credentials

**Running the Project**

```
  npm start
```

Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.

The ultimate multimedia conversion tool for 
transforming images, audio files, and videos.

Victor Preston

Projects